:root{color-scheme:dark;--navy:#071349;--text:#fff;--soft:#c6d6f7;--gold:#ffcf42}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#071349;color:var(--text);font-family:'Avenir Next',Avenir,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;min-height:100svh;isolation:isolate}body:before{content:'';position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse 700px 500px at 50% -100px,#1d60bf66,transparent 80%),linear-gradient(165deg,#071349,#09153e 65%,#071349);pointer-events:none}::selection{background:#ffcf42;color:#071349}a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #8cc7ff;outline-offset:5px}.skip{position:fixed;z-index:10;top:-100px;left:15px;background:#fff;color:#071349;padding:14px;border-radius:8px}.skip:focus{top:15px}.bio-page{max-width:460px;margin:0 auto;padding:32px 20px calc(26px + env(safe-area-inset-bottom))}.profile{display:flex;align-items:center;flex-direction:column;text-align:center;margin-bottom:25px;animation:arrive .7s both}.portrait-ring{position:relative;width:112px;height:112px;border-radius:50%;padding:4px;background:linear-gradient(140deg,#d6eaff,#5aa9f5 45%,#1863ba 80%);box-shadow:0 6px 36px #0003;margin-bottom:17px;isolation:isolate}.portrait-ring:after{content:'';position:absolute;inset:-7px;border:1px solid #79b7ff30;border-radius:50%;z-index:-1}.portrait-ring:before{content:'';position:absolute;inset:-7px;border-radius:50%;border:1px solid transparent;border-top-color:#9fceff;border-right-color:#9fceff50;animation:orbit 24s linear infinite;z-index:-1}.avatar{width:100%;height:100%;display:block;object-fit:cover;object-position:center 18%;border-radius:50%;border:3px solid #071349}.logo{width:140px;height:auto;display:block;margin-bottom:14px}h1{font-size:16px;line-height:1.55;font-weight:450;letter-spacing:-.2px;color:#c7d7f6;margin:0}h1 strong{font-weight:650;color:#fff}.link-list{display:grid;gap:12px}.link-card{position:relative;display:flex;justify-content:center;align-items:center;padding:18px 18px;min-height:87px;color:#fff;text-align:center;text-decoration:none;border:1px solid #8eb6ff36;border-radius:18px;background:linear-gradient(135deg,#173673b0,#10275d95);box-shadow:0 5px 12px #00000008;transform-origin:center;transition:transform .24s,box-shadow .24s,border-color .24s,background .24s;animation:arrive .55s cubic-bezier(.2,.7,.3,1) both;animation-delay:calc(70ms + var(--i)*45ms);overflow:hidden}.link-card:before{content:'';position:absolute;inset:0;background:radial-gradient(220px circle at var(--mx,50%) var(--my,0%),#91c7ff12,transparent 80%);pointer-events:none}.card-copy{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative}.card-title{font-size:17px;line-height:1.35;font-weight:650;letter-spacing:-.25px;text-wrap:balance}.card-detail{font-size:15px;line-height:1.4;color:#c9d8f3;font-weight:450}.card-detail strong{font-weight:700;color:#ffcf42}.coupon{display:inline-flex;margin-top:3px;border:1px dashed #9bc2ff60;border-radius:6px;background:#fff6;padding:4px 10px;color:#071349;font-size:11px;line-height:1.4;font-weight:750;letter-spacing:1px}.featured{background:linear-gradient(125deg,#2364ba,#164388 65%,#123a79);border-color:#8dc5ff90;box-shadow:0 7px 26px #0002}.featured:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff1 48%,transparent 65%);background-size:300% 100%;animation:sheen 12s ease-in-out infinite;pointer-events:none}.featured .card-detail{color:#e5eeff}.featured .coupon{border-color:#d1e7ff77;background:#07134950;color:#fff}.link-card:hover{transform:scale(1.025);border-color:#7ab5ff;box-shadow:0 10px 32px #1277ef40,0 0 22px #3b93ff18}.link-card:active{transform:scale(.985)}footer{text-align:center;font-size:11px;color:#99afd2;padding-top:29px;letter-spacing:.2px}.ambient{position:fixed;z-index:-1;border:1px solid #83b9ff0d;border-radius:50%;width:700px;height:700px;pointer-events:none}.ambient-one{top:170px;left:calc(50% + 240px);animation:drift 20s ease-in-out infinite}.ambient-two{top:900px;right:calc(50% + 200px);width:550px;height:550px;animation:drift 20s -10s ease-in-out infinite}@keyframes arrive{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@keyframes orbit{to{rotate:360deg}}@keyframes drift{50%{translate:0 -35px}}@keyframes sheen{0%,35%{background-position:140% 0}70%,100%{background-position:-100% 0}}@media(min-width:700px){.bio-page{padding-top:46px;padding-bottom:36px}.profile{margin-bottom:28px}}@media(max-width:360px){.bio-page{padding-left:16px;padding-right:16px;padding-top:27px}.card-title{font-size:17px}.card-detail{font-size:15px}.link-card{padding:17px 14px}}@media(hover:none){.link-card:hover{transform:none;box-shadow:0 5px 12px #00000008}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.link-card:hover{transform:none}}

/* The mobile cover keeps the complete artwork; desktop uses the full page width. */
.bio-page{max-width:560px;padding-top:0}
.cover{margin:0 -20px;width:calc(100% + 40px);position:relative}
.cover img{display:block;width:100%;height:auto;aspect-ratio:1709/945}
.profile{position:relative;margin-top:-42px;z-index:1;align-items:flex-start;gap:0}
.portrait-ring{width:184px;height:184px;flex-shrink:0;box-shadow:0 0 0 7px #071349,0 10px 26px #0004;margin:-28px 0 20px 5px}
.portrait-ring:after,.portrait-ring:before{display:none}
h1{align-self:stretch;width:100%;font-size:24px;line-height:1.25;font-weight:550;letter-spacing:-.6px;text-align:center;color:#e2ebfd}
h1 span{display:block}h1 strong{font-weight:750;color:#fff}
.profile{margin-bottom:28px}
@media(min-width:700px){
 .bio-page{max-width:1040px;padding:30px 32px 40px}
 .cover{margin-inline:-32px;width:calc(100% + 64px);border-radius:24px 24px 0 0;overflow:hidden}
 .cover img{height:360px;aspect-ratio:auto;object-fit:cover;object-position:center 52%}
 .profile{flex-direction:row;align-items:center;gap:32px;margin-top:-65px;margin-bottom:30px}
 .portrait-ring{width:232px;height:232px;margin:-32px 0 0 8px}
 h1{align-self:center;flex:1;width:auto;font-size:32px;line-height:1.22;padding-top:60px;letter-spacing:-.8px}
 .link-list{gap:15px}.link-card{min-height:100px;padding:22px 28px;border-radius:18px}
 .card-title{font-size:20px}.card-detail{font-size:18px}.coupon{font-size:12px}
 footer{font-size:12px;padding-top:34px}
}
@media(min-width:1400px){.bio-page{max-width:1120px}.cover img{height:390px}}
@media(max-width:360px){
 .bio-page{padding-top:0}
 .cover{margin-inline:-16px;width:calc(100% + 32px)}
 .profile{margin-top:-34px}
 .portrait-ring{width:164px;height:164px;margin-top:-24px;margin-left:4px}
 h1{font-size:22px;letter-spacing:-.5px}
}