body{margin:0}img{max-width:100%}[hidden]{display:none!important}

:root{--bg1:#071417;--bg2:#12303A;--bg3:#0B2128;--bg4:#1A4650;--fg:#EAF3F2;--muted:#A9C3C8;--cyan:#2BB8C7;--cyan-l:#7FD9E2;--card1:#1A4650;--card2:#12303A;--line:#25454E;--ink:#071417;color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--bg1)}
body{margin:0;min-height:100vh;color:var(--fg);font-family:'Figtree',Arial,sans-serif;font-size:17px;line-height:1.4;background:linear-gradient(135deg,var(--bg1) 0%,var(--bg2) 40%,var(--bg3) 62%,var(--bg4) 100%);background-attachment:fixed;padding-block:48px 40px;padding-inline:0;position:relative;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,rgba(0,0,0,.07) 1px 3px),linear-gradient(115deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.08) 32%,rgba(255,255,255,0) 50%)}
main{position:relative;max-width:480px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:28px;background:radial-gradient(90% 38% at 88% 24%,rgba(43,184,199,.18) 0%,rgba(43,184,199,0) 70%),radial-gradient(80% 34% at 0% 58%,rgba(10,95,104,.40) 0%,rgba(10,95,104,0) 70%),radial-gradient(100% 30% at 50% 100%,rgba(127,217,226,.14) 0%,rgba(127,217,226,0) 70%),linear-gradient(180deg,#0B2128 0%,#12303A 55%,#1A4650 100%);box-shadow:0 0 80px rgba(0,0,0,.5);margin-block:-48px -40px;padding-bottom:40px;min-height:100vh}
.hero{position:relative;width:100%;height:560px;overflow:hidden;margin-bottom:-8px}.ph{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 22%}.veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,33,40,0) 52%,rgba(11,33,40,.07) 58%,rgba(11,33,40,.2) 64%,rgba(11,33,40,.4) 70%,rgba(11,33,40,.62) 76%,rgba(11,33,40,.8) 83%,rgba(11,33,40,.93) 90%,rgba(11,33,40,.985) 96%,#0B2128 100%),radial-gradient(130% 45% at 12% 100%,rgba(43,184,199,.30) 0%,rgba(43,184,199,0) 62%)}.txt{position:absolute;left:0;right:0;bottom:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1{margin:0;font-family:'Bricolage Grotesque','Trebuchet MS',sans-serif;font-size:36px;line-height:1.1;font-weight:700;text-wrap:balance;background:linear-gradient(180deg,#fff 0%,#B4CCD1 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bio{margin:0;color:var(--muted);font-size:18px;text-wrap:balance}
.tag{margin-top:10px;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--cyan-l)}
nav{width:100%;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:14px}
.btn{position:relative;display:flex;align-items:center;gap:14px;min-height:68px;padding:14px 20px;border-radius:20px;text-decoration:none;font-weight:600;font-size:18px;color:var(--fg);background:linear-gradient(145deg,var(--card1) 0%,var(--card2) 100%);border:1px solid var(--line);box-shadow:0 14px 34px rgba(0,0,0,.45),inset 0 2px 0 rgba(255,255,255,.08);transition:transform .15s ease,border-color .15s ease}
.btn:hover,.btn:focus-visible{transform:translateY(-2px);border-color:var(--cyan);outline:none}
.btn:active{transform:translateY(0)}
.btn .ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(43,184,199,.14);color:var(--cyan-l)}
.btn .tx{flex:1;min-width:0}
.btn .ar{flex:none;color:var(--cyan-l)}
.btn.main{color:var(--ink);border:0;background:linear-gradient(135deg,#B5EBF0 0%,#2BB8C7 55%,#6FD3DD 100%);box-shadow:0 18px 40px rgba(43,184,199,.28),inset 0 2px 0 rgba(255,255,255,.6)}
.btn.main .ic{background:rgba(7,20,23,.12);color:var(--ink)}.btn.main .ar{color:var(--ink)}
.btn small{display:block;font-weight:500;font-size:14px;color:var(--muted)}
.btn.main small{color:rgba(7,20,23,.75)}
footer{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:12px;color:var(--muted);font-size:14px}
footer img{width:96px;height:auto;opacity:.95}
svg{display:block}