*{box-sizing:border-box}body{margin:0;background:#f4faff;color:#0b1b29;font-family:Arial,Helvetica,sans-serif;line-height:1.5}.page{max-width:988px;margin:auto;background:#fff;box-shadow:0 0 80px #dcecf240}.hero{position:relative;width:100%;aspect-ratio:988/333;overflow:hidden}.hero-photo{position:absolute;inset:0;background:url('assets/reference.png') left top/100% auto no-repeat}.profile{padding:0 4% 26px}.identity{display:flex;align-items:center;gap:24px;margin-top:-16%;position:relative}.avatar{width:30%;aspect-ratio:1;border:7px solid white;border-radius:50%;background:url('assets/reference.png') 4.2% 13.4%/340% auto no-repeat;flex-shrink:0}.name{padding-top:13%}.name h1{font-size:clamp(24px,4.6vw,44px);line-height:1.2;margin:0;letter-spacing:-1.5px}.verified{display:inline-flex;align-items:center;justify-content:center;background:#0baff2;color:#fff;width:.9em;height:.9em;border-radius:35%;font-size:.75em;vertical-align:middle;letter-spacing:0}.name p{margin:4px 0;color:#8794a8;font-size:clamp(17px,2.8vw,27px)}.heart{margin-left:auto;padding-top:10%;font-size:48px;line-height:1;color:#12adee;text-decoration:none}.bio{font-size:clamp(17px,2.8vw,27px);line-height:1.35;margin:18px 0 20px}.tags{display:flex;gap:12px;flex-wrap:wrap}.tags span{background:#f4f8fc;border:1px solid #e7f0f8;border-radius:40px;padding:10px 22px;font-size:clamp(14px,2.2vw,21px);white-space:nowrap}.letter{margin:0 3% 30px;padding:32px 30px 28px;background:#f3faff;border-radius:20px;border:1px solid #dfedf6}.eyebrow{font-size:12px;letter-spacing:2.2px;color:#47839e;font-weight:700}.letter h2{font-size:34px;letter-spacing:-1px;margin:10px 0 14px}.letter p{font-size:20px;line-height:1.65;margin:0 0 14px;max-width:790px;color:#344b5e}.letter .last{margin:0;font-weight:600;color:#0a6f9b}.support{margin:0 3% 38px;border:1px solid #e1edf7;border-radius:19px;padding:22px 26px 25px}.support-label{display:flex;justify-content:space-between;align-items:center;color:#8491a4}.support-label h2,.support-label span{font-size:clamp(15px,2.7vw,26px);font-weight:500;margin:0}.donate{display:flex;align-items:center;justify-content:center;gap:18px;background:#19afec;color:#fff;border-radius:60px;text-decoration:none;padding:18px;margin:22px 0 16px;font-size:clamp(23px,3.8vw,36px);font-weight:600;transition:background .2s,transform .2s}.donate span{filter:brightness(0) invert(1);font-size:1.25em}.donate:hover{background:#0799d5;transform:translateY(-2px)}a:focus-visible{outline:3px solid #073c6c;outline-offset:5px}.note{text-align:center;color:#8390a3;font-size:clamp(14px,2.3vw,22px);margin:0}.destination{text-align:center;color:#6d7c8e;font-size:14px;margin:8px 0 24px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dde8f2;padding-top:20px;text-align:center}.stats div+div{border-left:1px solid #dde8f2}.stats strong{display:block;font-size:clamp(27px,4vw,40px);line-height:1.2}.stats span{display:block;color:#738095;font-size:clamp(12px,1.8vw,18px);padding:4px}.posts{margin:0 3%}.post-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6eef5;margin-bottom:24px}.post-heading h2{font-size:21px;color:#12adee;border-bottom:3px solid #12adee;padding:10px 20px;margin:0 0 -1px}.post-heading>span{font-size:12px;letter-spacing:1.5px;color:#8595a6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.card{position:relative;aspect-ratio:305/366;overflow:hidden;border-radius:14px;color:#fff;background:#788d91}.card-photo{position:absolute;inset:0;background-image:url('assets/reference.png');background-size:324% auto;background-repeat:no-repeat}.first .card-photo{background-position:4.4% 94.6%}.second .card-photo{background-position:50% 94.6%}.third .card-photo{background-position:95.5% 94.6%}.card-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;background:#18232a10}.card-content h3,.card-content p,.lock{opacity:0}footer{padding:35px 4%;font-size:22px;font-weight:700;color:#102433}footer>span{color:#0bacf0}footer small{float:right;color:#8696a8;font-weight:400;font-size:14px;padding-top:8px}@media(min-width:1100px){.page{margin:24px auto;border-radius:24px;overflow:hidden}}@media(max-width:600px){.profile{padding-bottom:22px}.identity{gap:14px}.avatar{border-width:4px}.name h1{letter-spacing:-.8px}.heart{font-size:36px}.tags{gap:7px}.tags span{padding:7px 12px}.letter{padding:24px 20px;margin-bottom:24px}.letter h2{font-size:29px}.letter p{font-size:17px;line-height:1.6}.support{padding:20px 16px;margin-bottom:25px}.donate{gap:9px;margin-top:17px;padding:15px 8px}.destination{font-size:12px}.post-heading>span{font-size:10px;letter-spacing:.5px}.post-heading h2{font-size:16px;padding:10px}.cards{grid-template-columns:1fr;gap:12px}.card{aspect-ratio:305/330;max-width:380px;width:100%;margin:auto}.card-photo{background-size:324% auto}.first .card-photo,.second .card-photo,.third .card-photo{background-position-y:93%}footer small{display:block;float:none;padding-top:5px}footer{text-align:center}}