:root{--sw-ink:#241334;--sw-deep:#1d0d2b;--sw-purple:#5d267e;--sw-violet:#9144bc;--sw-gold:#d1a84f;--sw-gold-light:#f7dc98;--sw-pink:#ef4f99;--sw-cyan:#28bdca;--sw-paper:#fffdf9;--sw-line:#eadcf2;--sw-shadow:0 22px 65px rgba(53,20,74,.14)}
html{scroll-padding-top:84px}body{background:radial-gradient(circle at 5% 4%,#ffe6f2 0,transparent 22rem),radial-gradient(circle at 96% 8%,#dffcff 0,transparent 23rem),linear-gradient(145deg,#fffaf0,#f8effc 54%,#edfaff)!important;color:var(--sw-ink)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(93,38,126,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(93,38,126,.025) 1px,transparent 1px);background-size:34px 34px}
.portal-nav{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(29,13,43,.95)!important;border-bottom:2px solid var(--sw-gold)!important;box-shadow:0 10px 34px rgba(29,13,43,.25)!important}
.nav-brand{display:inline-flex;align-items:center;gap:8px;color:var(--sw-gold-light)!important;letter-spacing:.01em}.nav-brand:before{content:"";display:block;flex:0 0 34px;width:34px;height:34px;background:url("assets/smooth-waters-favicon.svg") center/contain no-repeat;filter:drop-shadow(0 5px 8px #0005)}
.portal-logo{display:block;width:min(310px,72vw);height:auto;margin:0 0 20px;border-radius:13px;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.nav-links a,.bottom-track a,.bottom-scroll-track a{transition:transform .2s ease,background .2s ease,color .2s ease}.nav-links a:hover,.nav-links a:focus-visible{transform:translateY(-1px);background:#ffffff20!important;color:var(--sw-gold-light)!important}.nav-links a[aria-current="page"]{background:linear-gradient(135deg,#ffffff24,#ffffff12)!important;color:var(--sw-gold-light)!important;box-shadow:inset 0 0 0 1px #ffffff22}
.hero,header.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,var(--sw-deep),#5d267e 56%,#8a3bab)!important;border-bottom:5px solid var(--sw-gold)!important}.hero:after,header.hero:after{content:"";position:absolute;width:340px;height:340px;border:76px solid rgba(255,255,255,.055);border-radius:50%;right:-130px;top:-155px;pointer-events:none}.hero h1{max-width:900px;text-wrap:balance}.hero p{max-width:800px!important}.eyebrow{font-weight:950!important;letter-spacing:.16em!important}
.portal-hero{position:relative;overflow:hidden}.portal-hero>.wrap{position:relative;z-index:2}.portal-blue-bubble{position:absolute;z-index:1;width:clamp(300px,48vw,680px);height:clamp(300px,48vw,680px);left:clamp(-250px,-12vw,-90px);top:50%;translate:0 -50%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 58% 44%,rgba(100,225,255,.34) 0,rgba(36,184,217,.23) 34%,rgba(20,116,184,.12) 58%,transparent 72%);filter:blur(1px);box-shadow:inset -35px -20px 80px rgba(16,69,151,.12),0 0 80px rgba(44,193,226,.12)}
.panel,.card,.share,.intro,.message-box,.reward,.incentive,.step,.purchase,.empty{box-shadow:var(--sw-shadow)!important}.panel,.card,.share,.intro,.message-box,.reward,.incentive,.step{border-color:var(--sw-line)!important}.card,.share,.reward,.shortcut-list a{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card:hover,.share:hover,.reward:hover,.shortcut-list a:hover{transform:translateY(-5px);box-shadow:0 26px 70px rgba(53,20,74,.2)!important;border-color:#d6b7e5!important}
.btn{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}.btn:hover,.btn:focus-visible{transform:translateY(-2px);filter:saturate(1.1);box-shadow:0 12px 30px rgba(46,17,64,.25)}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--sw-gold-light)!important;outline-offset:3px}
.bottom-scroll{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(29,13,43,.95)!important}.bottom-track a,.bottom-scroll-track a{border:1px solid #ffffff18}.bottom-track a:hover,.bottom-scroll-track a:hover{background:#ffffff22!important;color:var(--sw-gold-light)!important}
.nav-scroll,.bottom-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.nav-links a,.bottom-track a,.bottom-scroll-track a{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px!important;scroll-snap-align:start}.bottom-track,.bottom-scroll-track{padding-top:7px!important;padding-bottom:7px!important}.portal-nav,.bottom-scroll{touch-action:pan-x}
.portal-progress{position:fixed;left:0;top:0;z-index:1000;width:0;height:3px;background:linear-gradient(90deg,var(--sw-gold),var(--sw-pink),var(--sw-cyan));box-shadow:0 0 14px var(--sw-gold)}
[data-portal-reveal]{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}[data-portal-reveal].is-visible{opacity:1;transform:none}
.portal-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:#fff6d8;color:#674b0e;font-size:.74rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}[data-portal-reveal]{opacity:1;transform:none}}
@media(max-width:640px){.nav-brand{margin-right:2px!important}.nav-links{padding-top:7px!important;padding-bottom:7px!important}.hero,header.hero{padding-top:38px!important}.panel,.card,.share,.intro,.message-box{border-radius:18px!important}.portal-logo{width:min(275px,78vw);margin-bottom:16px}.portal-blue-bubble{width:390px;height:390px;left:-205px;top:54%;opacity:.82}.wrap{width:min(100% - 28px,1120px)!important}.btn{min-height:44px}.bottom-track a,.bottom-scroll-track a{padding-left:14px!important;padding-right:14px!important}}