*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg:#140e0b;--bg-2:#1b130e;--surface:#241a13;--surface-2:#31241a;--line:hsla(33,45%,91%,.12);--line-strong:hsla(33,45%,91%,.22);--text:#ece3d8;--text-dim:#b8a48e;--heading:#f6eee3;--cream:#f6eee3;--steel:#c9ae99;--slate:#9a816c;--nude:#c9ae99;--indigo:#ef4444;--indigo-deep:#b91c1c;--sky:#fb7185;--sky-deep:#e11d48;--serif:"Fraunces",Georgia,serif;--sans:"Inter",system-ui,sans-serif;--script:"Monoton","Dancing Script",cursive;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.55;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--serif);color:var(--heading);margin:0;line-height:1.08;font-weight:500;letter-spacing:-.01em}a{color:inherit;text-decoration:none}svg{display:block}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}.eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.26em;color:var(--sky);font-weight:600}.gold-rule{display:inline-block;width:34px;height:1px;background:linear-gradient(90deg,var(--sky),transparent);vertical-align:middle;margin-right:10px}.muted{color:var(--text-dim)}.stars{display:inline-flex;gap:1px;color:var(--sky);font-size:.8rem;letter-spacing:1px}[role=button],a,button,input[type=button],input[type=submit],label{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;border-radius:999px;font-family:var(--sans);font-size:.84rem;font-weight:500;padding:13px 26px;transition:filter .12s,transform .12s,background .12s,border-color .12s;white-space:nowrap}.btn-primary{background:linear-gradient(120deg,var(--indigo),var(--sky));color:#0b0e13;box-shadow:0 14px 36px -16px rgba(239,68,68,.55)}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:scale(.96);filter:brightness(.95)}.btn-ghost{background:transparent;border:1px solid var(--line-strong);color:var(--cream)}.btn-ghost:hover{background:var(--surface);border-color:var(--indigo)}.btn-ghost:active:not(:disabled){transform:scale(.96);opacity:.8}.btn-cream{background:var(--cream);color:#0b0e13}.btn-cream:hover{background:#fff}.btn-cream:active:not(:disabled){transform:scale(.96)}.btn[disabled]{opacity:.4;cursor:not-allowed;transform:none;filter:none}@media (hover:none){.btn-primary:hover{filter:none;transform:none}.btn-ghost:hover{background:transparent;border-color:var(--line-strong)}}.btn-join{position:relative;overflow:hidden;border:0;color:#fff;padding:9px 22px;font-weight:600;background:linear-gradient(120deg,var(--indigo),var(--sky),var(--indigo-deep),var(--indigo));background-size:240% 100%;animation:join-flow 4s linear infinite,join-pulse 2.4s ease-in-out infinite}.btn-join:after{content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.5),transparent);transform:skewX(-20deg);animation:join-shine 3.2s ease-in-out infinite}.btn-join:hover{transform:translateY(-2px) scale(1.05)}.btn-join:active{transform:scale(.96)}@keyframes join-flow{to{background-position:240%}}@keyframes join-pulse{0%,to{box-shadow:0 0 0 0 rgba(239,68,68,.45)}50%{box-shadow:0 0 22px 3px rgba(239,68,68,.6)}}@keyframes join-shine{0%{left:-130%}55%,to{left:150%}}.btn-signin{position:relative;color:var(--cream);background:transparent;border:1px solid var(--line-strong);padding:9px 18px;overflow:hidden;transition:color .12s,transform .12s,border-color .12s}.btn-signin:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(120deg,var(--indigo),var(--sky));transform:scaleX(0);transform-origin:left;transition:transform .15s ease}.btn-signin:hover{color:#fff;border-color:transparent;transform:translateY(-2px)}.btn-signin:hover:before{transform:scaleX(1)}.btn-signin:active{transform:scale(.96)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}.reveal.in{opacity:1;transform:none}header.nav{position:sticky;top:0;z-index:50;transition:.35s;border-bottom:1px solid transparent}header.nav.scrolled{background:rgba(14,17,22,.82);backdrop-filter:blur(14px);border-bottom-color:var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:70px;gap:18px}.brand{font-family:var(--script);font-size:2rem;font-weight:400;line-height:1;letter-spacing:.06em;white-space:nowrap;background:linear-gradient(90deg,#ff004c,#ff7a00,#ffe600,#38ff8e,#00e5ff,#4f46e5,#b400ff,#ff004c);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:brand-flow 6s linear infinite,brand-hue 12s linear infinite;-webkit-mask-image:radial-gradient(circle,#000 55%,transparent 56%);-webkit-mask-size:3px 3px;mask-image:radial-gradient(circle,#000 55%,transparent 56%);mask-size:3px 3px}.brand:hover{animation-duration:2s,4s}@keyframes brand-flow{to{background-position:300%}}@keyframes brand-hue{to{filter:hue-rotate(1turn)}}.brand-ribbon{overflow:hidden;width:100%;border-top:1px solid var(--line);padding:3px 0}.brand-ribbon-footer{border-top:none;border-bottom:1px solid var(--line);margin-bottom:16px}.brand-ribbon-track{display:flex;width:-moz-max-content;width:max-content;animation:brand-scroll 6s linear infinite;will-change:transform}.brand-ribbon-item{font-size:.85rem!important;padding-right:3rem;flex-shrink:0;-webkit-mask-size:2px 2px!important;mask-size:2px 2px!important}.brand-ribbon:hover .brand-ribbon-track{animation-duration:3s}@keyframes brand-scroll{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{font-size:.85rem;color:var(--text-dim);transition:.2s;position:relative}.nav-links a:hover{color:var(--cream)}@media (max-width:880px){.nav-links{display:none}}.nav-actions{display:flex;align-items:center;gap:14px;min-width:0}.nav-actions a:not(.btn){font-size:.85rem;color:var(--text-dim);transition:.2s;white-space:nowrap}.nav-actions a:not(.btn):hover{color:var(--cream)}@media (max-width:600px){.nav-inner{height:60px;gap:10px}.brand{font-size:1.45rem}.nav-actions{gap:8px}.nav-hide-sm{display:none}.btn-join{padding:7px 14px;font-size:.8rem}.btn-signin{padding:7px 13px;font-size:.8rem}}.hero{position:relative;overflow:hidden}.hero:before{width:780px;height:780px;top:-280px;right:-180px;background:radial-gradient(circle,rgba(239,68,68,.28),transparent 62%);filter:blur(20px);animation:float 14s ease-in-out infinite}.hero:after,.hero:before{content:"";position:absolute;border-radius:50%;z-index:0}.hero:after{width:620px;height:620px;bottom:-320px;left:-160px;background:radial-gradient(circle,rgba(251,113,133,.2),transparent 60%);filter:blur(18px);animation:float 18s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(34px)}}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center;padding:54px 0 40px}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:26px;padding:36px 0 24px}}.hero h1{font-size:clamp(2.7rem,6.4vw,4.6rem);color:var(--heading);font-weight:600}.hero h1 .shimmer{background:linear-gradient(100deg,var(--indigo),var(--sky),var(--steel),var(--indigo));background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 6s linear infinite}@keyframes shimmer{to{background-position:220%}}.hero p.lead{font-size:1.12rem;color:var(--text-dim);max-width:31rem;margin:20px 0 28px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.hero-rating{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:.85rem;color:var(--text-dim)}.hero-art{position:relative;aspect-ratio:4/5;border-radius:28px;overflow:hidden;background:var(--surface);box-shadow:0 40px 80px -40px rgba(0,0,0,.7);border:1px solid var(--line)}.hero-art:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px rgba(0,0,0,.25)}.hero-tag{position:absolute;left:16px;bottom:16px;z-index:2;background:rgba(14,17,22,.7);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:16px;padding:12px 16px}.hero-tag b{font-family:var(--serif);font-weight:500;color:var(--cream);display:block}.hero-chips{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.chip{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--line);border-radius:999px;padding:7px 13px}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2);padding:13px 0}.marquee-track{display:flex;width:-moz-max-content;width:max-content;gap:38px;white-space:nowrap;animation:marquee 30s linear infinite}.marquee-track span{font-size:.72rem;text-transform:uppercase;letter-spacing:.24em;color:var(--text-dim);display:flex;align-items:center;gap:38px}.marquee-track i{color:var(--sky);font-style:normal}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.tabs-section{padding:74px 0 40px}.tabs-head{display:flex;flex-direction:column;gap:12px;margin-bottom:26px;align-items:center;text-align:center}.tabs-head h2{font-size:clamp(2rem,4.4vw,3rem)}.tabs-head p{max-width:34rem;color:var(--text-dim);margin:0}.tabbar-shell{justify-content:center;margin-bottom:34px}.tabbar,.tabbar-shell{position:relative;display:flex}.tabbar{gap:4px;overflow-x:auto;max-width:100%;padding:6px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;scrollbar-width:none}.tabbar::-webkit-scrollbar{display:none}.tab-ind{position:absolute;top:6px;bottom:6px;left:0;width:0;border-radius:999px;background:linear-gradient(120deg,var(--surface-2),var(--surface));border:1px solid var(--line-strong);box-shadow:0 6px 18px -10px rgba(0,0,0,.6);transition:transform .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1);z-index:0}.tab{position:relative;z-index:1;border:0;background:transparent;cursor:pointer;font-family:var(--sans);font-size:.82rem;font-weight:500;color:var(--text-dim);padding:11px 20px;border-radius:999px;white-space:nowrap;transition:color .3s;letter-spacing:.02em}.tab:hover{color:var(--cream)}.tab.active{color:var(--sky)}.panel{transition:opacity .4s ease}.panel.swapping{opacity:0}.cat-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:24px}.cat-intro .left{display:flex;flex-direction:column;gap:8px}.cat-intro h3{font-size:clamp(1.8rem,3.6vw,2.5rem)}.cat-intro p{max-width:30rem;color:var(--text-dim);margin:0}.cat-count{font-size:.78rem;color:var(--text-dim);white-space:nowrap}.feature{display:grid;grid-template-columns:1fr 1.1fr;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden;margin-bottom:20px;animation:rise .6s both}@media (max-width:760px){.feature{grid-template-columns:1fr}}.feature .media{position:relative;aspect-ratio:5/4;overflow:hidden}.feature .media .art{position:absolute;inset:0;transition:transform .8s ease}.feature:hover .media .art{transform:scale(1.05)}.feature .body{padding:34px;display:flex;flex-direction:column;justify-content:center;gap:14px}.feature .body h3{font-size:clamp(1.7rem,3vw,2.3rem)}.feature .body .price{font-family:var(--serif);font-size:1.4rem;color:var(--cream)}.feature .body .desc{color:var(--text-dim);font-size:.92rem;max-width:26rem}.feature .body .row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 20px}@media (max-width:980px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}.card{position:relative;display:flex;flex-direction:column;animation:rise .5s both;animation-delay:calc(var(--i,0)*45ms)}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.card .media{position:relative;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:var(--surface);border:1px solid var(--line)}.card .media .art,.card .media img,.card .media video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .7s ease}.card:hover .media .art,.card:hover .media img{transform:scale(1.06)}.badges{position:absolute;left:10px;top:10px;display:flex;flex-direction:column;gap:6px;z-index:2}.badge{font-size:.58rem;text-transform:uppercase;letter-spacing:.16em;font-weight:600;padding:5px 10px;border-radius:999px}.badge.best{background:linear-gradient(120deg,var(--indigo),var(--sky));color:#0b0e13}.badge.new{background:var(--cream);color:#0b0e13}.badge.free{background:rgba(251,113,133,.16);color:var(--sky);border:1px solid var(--line-strong)}.quick{position:absolute;left:10px;right:10px;bottom:11px;z-index:2;opacity:0;transform:translateY(10px);transition:.3s}.card:focus-within .quick,.card:hover .quick{opacity:1;transform:none}.quick a,.quick button{display:block;width:100%;text-align:center;border:0;cursor:pointer;border-radius:999px;background:rgba(14,17,22,.78);backdrop-filter:blur(6px);border:1px solid var(--line-strong);color:var(--cream);font-family:var(--sans);font-weight:500;font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;padding:11px;transition:.2s}.quick a:hover,.quick button:hover{background:var(--indigo);color:#0b0e13;border-color:var(--indigo)}.meta{display:flex;justify-content:space-between;align-items:center;margin-top:13px;font-size:.68rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.avatar-dot{width:11px;height:11px;border-radius:50%;display:inline-block;border:1px solid hsla(0,0%,100%,.25)}.card h3{font-size:1.04rem;margin-top:5px;color:var(--cream)}.card .price{font-size:.86rem;color:var(--text-dim);margin-top:3px}.locked .media{cursor:not-allowed}.lock-scrim{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:16px;background:linear-gradient(180deg,rgba(14,17,22,.25),rgba(14,17,22,.72));backdrop-filter:blur(2px)}.lock-scrim .lock-icon{width:30px;height:30px;color:var(--cream);opacity:.92}.lock-scrim .lock-label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cream);font-weight:600}.lock-scrim .btn{padding:10px 18px;font-size:.76rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;border:1px solid var(--line);border-radius:24px;background:var(--bg-2);padding:36px}@media (max-width:640px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{text-align:center}.stat .v{font-family:var(--serif);font-size:clamp(2rem,4vw,2.8rem);color:var(--sky);font-weight:600}.stat .l{font-size:.68rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-dim);margin-top:4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width:780px){.steps{grid-template-columns:1fr}}.step{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:32px;transition:.3s}.step:hover{border-color:var(--indigo);transform:translateY(-4px)}.step .n{font-family:var(--serif);font-size:1.9rem;color:var(--indigo)}.step h3{font-size:1.5rem;margin:6px 0 8px;color:var(--cream)}.step p{font-size:.88rem;margin:0;color:var(--text-dim)}.head{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}.head h2{font-size:clamp(1.9rem,4vw,2.6rem)}.head p{max-width:34rem;color:var(--text-dim);margin:0}section.block{padding:60px 0}.panel-card{background:linear-gradient(135deg,var(--surface),var(--bg-2));border:1px solid var(--line);border-radius:24px;padding:28px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim)}.field input,.field select,.field textarea{background:var(--bg);border:1px solid var(--line-strong);border-radius:12px;padding:12px 14px;color:var(--cream);font-family:var(--sans);font-size:1rem;width:100%}input,select,textarea{font-size:1rem}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--indigo)}.check{display:flex;gap:10px;align-items:flex-start;font-size:.84rem;color:var(--text-dim);margin-bottom:14px}.check input{margin-top:3px}.form-error{color:#fca5a5;font-size:.82rem;margin:4px 0}.form-note{color:var(--sky);font-size:.82rem}.signup{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--surface),var(--bg-2));border:1px solid var(--line);border-radius:28px;padding:64px 26px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.signup:before{content:"";position:absolute;width:520px;height:520px;top:-300px;right:-120px;border-radius:50%;background:radial-gradient(circle,rgba(251,113,133,.18),transparent 60%)}.signup>*{position:relative;z-index:1}.signup h2{font-size:clamp(1.8rem,4vw,2.6rem)}.signup p{color:var(--text-dim);max-width:28rem;margin:0}footer{margin-top:30px;border-top:1px solid var(--line);background:var(--bg-2)}.foot-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:42px 0}.foot-inner .brand{font-size:2.5rem;-webkit-mask-size:4px 4px;mask-size:4px 4px}.socials{display:flex;gap:20px}.socials span{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-dim);cursor:pointer;transition:.2s}.socials span:hover{color:var(--sky)}.foot-inner small{color:var(--slate);font-size:.72rem}.overlay{position:fixed;inset:0;background:rgba(6,8,11,.6);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:.3s;z-index:60}.overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;height:100%;width:min(430px,100%);background:var(--bg-2);z-index:70;transform:translateX(100%);transition:transform .42s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;border-left:1px solid var(--line)}.drawer.open{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.drawer-head h2{font-size:1.3rem;color:var(--cream)}.icon-btn{background:transparent;border:0;cursor:pointer;color:var(--text-dim);padding:4px;transition:color .1s,opacity .1s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.icon-btn:hover{color:var(--cream)}.icon-btn:active{opacity:.6}.drawer-body{flex:1;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:18px}.drawer-creator{display:flex;gap:14px;align-items:center}.drawer-creator .av{width:56px;height:56px;border-radius:50%;overflow:hidden;background:var(--surface);border:1px solid var(--line);flex-shrink:0}.drawer-foot{padding:20px 22px;border-top:1px solid var(--line);gap:12px}.drawer-foot,.totals{display:flex;flex-direction:column}.totals{font-size:.85rem;gap:6px}.totals .r{display:flex;justify-content:space-between}.totals .grand{font-family:var(--serif);font-size:1.25rem;color:var(--cream);border-top:1px solid var(--line);padding-top:10px}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,40px);opacity:0;transition:.3s;z-index:80;padding:12px 24px;border-radius:999px;font-size:.82rem;pointer-events:none;background:linear-gradient(120deg,var(--indigo),var(--sky));color:#0b0e13;font-weight:500}.toast.show{transform:translate(-50%);opacity:1}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th{text-align:left;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);padding:12px 14px;font-weight:600}.table td,.table th{border-bottom:1px solid var(--line)}.table td{padding:14px;color:var(--text)}.pill{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;padding:4px 10px;border-radius:999px;border:1px solid var(--line-strong)}.pill.active{color:#6ee7b7;border-color:rgba(110,231,183,.4)}.pill.past_due{color:#fcd34d;border-color:rgba(252,211,77,.4)}.pill.canceled{color:var(--text-dim)}.portal{display:grid;grid-template-columns:330px 1fr;min-height:100vh}.portal-menubtn{display:none;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(239,68,68,.4);background:rgba(239,68,68,.08);color:#f6e9e9;font-family:var(--sans);font-size:1.05rem;cursor:pointer}.portal-menubtn svg{width:24px;height:24px}.portal-menubtn .caret{margin-left:auto;transition:transform .2s}.portal-side.open .portal-menubtn .caret{transform:rotate(180deg)}.portal-menu{display:flex;flex-direction:column;flex:1}.portal-side{position:relative;padding:30px 22px;display:flex;flex-direction:column;background:linear-gradient(165deg,#0b0606,#1a0a0a 55%,#240c0c);border-right:3px solid #ef4444;box-shadow:inset -1px 0 0 rgba(239,68,68,.45),6px 0 40px -12px rgba(239,68,68,.6)}.portal-eyebrow{color:#c0a39e;font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;margin:4px 0 28px 8px}.portal-nav{display:flex;flex-direction:column;gap:6px}.portal-link{display:flex;align-items:center;gap:18px;padding:14px 16px;border-radius:16px;color:#f6e9e9;border:1px solid transparent;transition:background .1s,border-color .1s,opacity .1s;font-size:1.32rem;font-weight:400;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.portal-link:active{opacity:.7}.portal-link svg{width:30px;height:30px;flex:0 0 30px}.portal-link:hover{background:rgba(239,68,68,.12)}.portal-link.active{border-color:#ef4444;background:rgba(239,68,68,.1);box-shadow:0 0 0 1px rgba(239,68,68,.35),0 10px 34px -14px rgba(239,68,68,.7)}.portal-link.logout{margin-top:18px;color:#ece3d8;background:none;border:0;cursor:pointer;font-family:var(--sans);text-align:left;width:100%}.portal-spacer{flex:1;min-height:28px}@media (max-width:880px){.portal{grid-template-columns:1fr}.portal-side{flex-direction:column;padding:14px 20px;border-right:0;border-bottom:3px solid #ef4444;box-shadow:inset 0 -1px 0 rgba(239,68,68,.45)}.portal-eyebrow{display:none}.portal-menubtn{display:flex}.portal-menu{display:none}.portal-side.open .portal-menu{display:flex;margin-top:10px}.portal-spacer{display:none}.portal-link.logout{margin-top:8px}}.portal-main{padding:44px 48px;background:radial-gradient(1100px 480px at 100% 0,rgba(239,68,68,.14),transparent 60%),#0b0606}.portal-content{max-width:1080px}@media (max-width:880px){.portal-main{padding:24px 20px}}.portal-h1{font-family:var(--serif);font-size:clamp(1.9rem,4vw,2.6rem);color:#fff}.portal-sub{color:#c0a39e;margin:6px 0 28px}.portal-card{background:linear-gradient(160deg,rgba(239,68,68,.12),rgba(28,16,16,.5));border:1px solid rgba(239,68,68,.25);border-radius:20px;padding:24px}.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width:720px){.portal-grid{grid-template-columns:repeat(2,1fr)}}.portal-stat .v{font-family:var(--serif);font-size:2.3rem;color:#fca5a5;font-weight:600}.portal-stat .l{color:#c0a39e;font-size:.68rem;text-transform:uppercase;letter-spacing:.18em;margin-top:4px}.btn-portal{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(120deg,#ef4444,#b91c1c);color:#fff;border:0;border-radius:999px;padding:12px 24px;font-family:var(--sans);font-weight:600;font-size:.9rem;cursor:pointer;transition:filter .12s,transform .12s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-portal:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-portal:active:not([disabled]){transform:scale(.96);filter:brightness(.95)}.btn-portal[disabled]{opacity:.5;cursor:not-allowed;transform:none}.portal-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.portal-field label{font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;color:#c0a39e}.portal-field input,.portal-field textarea{background:#1a0c0c;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:12px 14px;color:#f6e9e9;font-family:var(--sans);font-size:.95rem}.portal-field input:focus,.portal-field textarea:focus{outline:none;border-color:#ef4444}.portal-table{width:100%;border-collapse:collapse;font-size:.9rem}.portal-table th{text-align:left;font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;color:#c0a39e;padding:12px 14px;border-bottom:1px solid rgba(239,68,68,.2)}.portal-table td{padding:14px;border-bottom:1px solid rgba(239,68,68,.12);color:#ece3d8}.portal-empty{text-align:center;color:#c0a39e;padding:50px 20px}.portal-copy{display:flex;gap:8px;align-items:center;background:#1a0c0c;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:6px 6px 6px 16px}.portal-copy input{flex:1;background:transparent;border:0;color:#f6e9e9;font-family:var(--sans);font-size:.9rem}.portal-copy input:focus{outline:none}.portal-note{color:#c0a39e;font-size:.82rem}.portal-pill{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;padding:4px 10px;border-radius:999px;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.portal-pill.on{color:#6ee7b7;border-color:rgba(110,231,183,.4)}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}body{padding-bottom:72px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--bg-2,#0d0f12);border-top:1px solid var(--line,#1e2128);display:flex;align-items:stretch;height:68px;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;border-top:3px solid transparent;cursor:pointer;color:var(--text-dim,#8a8f9a);text-decoration:none;font-family:var(--sans);font-size:.65rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;transition:color .1s,border-color .1s,opacity .1s;padding:8px 4px 4px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bottom-nav-tab svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .1s}.bottom-nav-tab:active{opacity:.6}.bottom-nav-tab.active{color:var(--sky,#7dd3fc);border-top-color:var(--sky,#7dd3fc)}.bottom-nav-tab.active svg{stroke:var(--sky,#7dd3fc)}@media (max-width:640px){.nav-actions a:not(.btn-join):not(.btn-signin),.nav-actions button{display:none}}.heart-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:5px;color:var(--text-dim,#8a8f9a);font-size:.82rem;padding:6px 0;transition:color .1s,transform .1s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.heart-btn:hover{color:#f87171}.heart-btn:active{transform:scale(1.2)}.heart-btn.liked{color:#f87171}.heart-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;transition:fill .1s,stroke .1s}.heart-btn.liked svg{fill:#f87171;stroke:#f87171}.btn-gold{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50px;font-family:var(--sans);font-weight:700;letter-spacing:.04em;cursor:pointer;background:linear-gradient(90deg,#b8860b,#f5d060 30%,#fde68a 50%,#f5d060 70%,#b8860b);background-size:250% 100%;color:#1a0d00;box-shadow:0 0 24px rgba(201,162,39,.4),0 3px 10px rgba(0,0,0,.35);animation:gold-shine 2.8s linear infinite;transition:transform .1s,box-shadow .1s;text-shadow:0 1px 1px hsla(0,0%,100%,.25);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-gold:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 36px rgba(201,162,39,.65),0 6px 18px rgba(0,0,0,.45)}.btn-gold:active:not(:disabled){transform:scale(.95);box-shadow:0 0 14px rgba(201,162,39,.3)}.btn-gold:disabled{opacity:.7;cursor:wait;animation-play-state:paused}@keyframes gold-shine{0%{background-position:0 50%}to{background-position:250% 50%}}