:root{--night:#071a2b;--deep:#04111d;--blue:#087ef5;--ice:#f3f7fa;--coral:#ff5a36;--titanium:#83909b;--text:#f7fbff}
*{box-sizing:border-box}
html{min-height:100%;background:var(--deep)}
body{margin:0;min-height:100%;font-family:Manrope,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 50% 8%,rgba(8,126,245,.22),transparent 28rem),linear-gradient(155deg,var(--night),var(--deep) 70%);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(125deg,transparent 45%,rgba(255,255,255,.08) 46%,transparent 47%);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 65%)}
.page-shell{width:min(100%,560px);min-height:100svh;margin:auto;padding:34px 18px calc(36px + env(safe-area-inset-bottom))}
.card{position:relative}
.profile{text-align:center}
.avatar{width:132px;height:132px;margin:0 auto 18px;border-radius:50%;padding:4px;background:linear-gradient(135deg,#7ed7ff,var(--blue));box-shadow:0 0 42px rgba(8,126,245,.38)}
.avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.eyebrow{margin:0 0 12px;color:#b7d8ef}.eyebrow span{display:block;font-size:.7rem;font-weight:700;letter-spacing:.13em}.eyebrow small{display:block;margin-top:5px;font-size:.58rem;letter-spacing:.24em;color:#58b6ff}
h1{margin:0;font-size:clamp(2.4rem,10vw,3.55rem);line-height:1;font-weight:800;letter-spacing:-.055em}
.brand-logo{display:block;width:min(88%,390px);height:auto;margin:3px auto 4px;filter:drop-shadow(0 5px 14px rgba(8,126,245,.16))}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.handle{margin:9px 0 5px;color:#a9bed0;font-size:1.05rem}
.description{margin:0 auto 27px;font-size:.95rem;color:#d9e6ef}
.links{display:grid;gap:13px}
.link-button{display:grid;grid-template-columns:35px 1fr 20px;align-items:center;gap:12px;min-height:68px;padding:12px 18px;border:1.5px solid #2396ff;border-radius:22px;color:var(--text);text-decoration:none;font-weight:700;background:linear-gradient(110deg,rgba(8,126,245,.14),rgba(5,25,42,.74));box-shadow:0 8px 25px rgba(0,0,0,.18);transition:transform .2s ease,box-shadow .2s ease}
.link-button:hover,.link-button:focus-visible{transform:translateY(-2px);box-shadow:0 10px 30px rgba(8,126,245,.22);outline:none}
.link-button.light{color:#0a2034;background:linear-gradient(135deg,#fff,#ddecf7);border-color:#fff}
.link-button.primary{background:linear-gradient(135deg,#ff6b48,var(--coral));border-color:#ff9a83;box-shadow:0 10px 30px rgba(255,90,54,.24)}
.icon{font-size:1.35rem;text-align:center;font-weight:600}.arrow{font-size:2rem;font-weight:400;line-height:1}
.service-menu{border:1.5px solid rgba(88,182,255,.8);border-radius:22px;background:rgba(5,25,42,.72);overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.18)}
.service-menu summary{display:grid;grid-template-columns:35px 1fr 20px;align-items:center;gap:12px;min-height:72px;padding:12px 18px;cursor:pointer;list-style:none;background:linear-gradient(110deg,rgba(8,126,245,.2),rgba(5,25,42,.74))}
.service-menu summary::-webkit-details-marker{display:none}.service-menu summary strong{display:block;font-size:1rem}.service-menu summary small{display:block;margin-top:3px;color:#a9c4d8;font-size:.7rem;font-weight:500}
.service-chevron{font-size:1.5rem;color:#58b6ff;transition:transform .2s ease}.service-menu[open] .service-chevron{transform:rotate(180deg)}
.service-panel{display:grid;gap:8px;padding:5px 12px 14px;border-top:1px solid rgba(88,182,255,.2)}.service-panel p{margin:8px 5px 4px;color:#b8cede;font-size:.72rem;line-height:1.5}
.service-panel a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:10px 14px;border-radius:14px;color:#eaf6ff;text-decoration:none;font-size:.86rem;font-weight:650;background:rgba(8,126,245,.1);border:1px solid rgba(88,182,255,.18);transition:.2s}.service-panel a:hover,.service-panel a:focus-visible{background:rgba(8,126,245,.25);border-color:#58b6ff;outline:none}.service-panel b{font-size:1.3rem;color:#58b6ff}
footer{text-align:center;padding-top:30px;color:#a7bbcb}footer p{font-size:.66rem;letter-spacing:.25em}
.socials{display:flex;justify-content:center;gap:12px;margin-top:16px}.socials a{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:var(--ice);font-size:.72rem;font-weight:800;text-decoration:none;transition:.2s}.socials a:hover{background:var(--blue);border-color:var(--blue)}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);padding:11px 16px;border-radius:999px;background:#f3f7fa;color:#071a2b;font-size:.82rem;font-weight:700;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 10px 30px rgba(0,0,0,.35)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:390px){.page-shell{padding-inline:14px}.link-button{font-size:.9rem;padding-inline:14px}.avatar{width:112px;height:112px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}