:root{--bg:#141416;--bg-elevated:#1c1c1f;--border:#ffffff14;--border-hover:#ffffff29;--text:#a1a1aa;--text-strong:#f4f4f5;--muted:#71717a;--accent-violet:#8b5cf6;--accent-cyan:#38bdf8;--accent:#7c3aed;--accent-bright:var(--accent-cyan);--accent-glow:#7c3aed73;--accent-gradient:linear-gradient(135deg, var(--accent-violet) 0%, var(--accent-cyan) 55%, #a78bfa 100%);--hero-gradient:linear-gradient(165deg, #fff 0%, #e0e7ff 35%, #c4b5fd 70%, #67e8f9 100%);--font:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius:12px;--radius-xl:16px;--container:1040px;--nav-h:56px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:radial-gradient(ellipse 80% 50% at 50% -20%, #7c3aed1f, transparent 55%), radial-gradient(ellipse 40% 30% at 100% 0%, #38bdf80f, transparent 50%), var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}#root{min-height:100svh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--container), calc(100% - 2rem));margin-inline:auto}.page{flex-direction:column;min-height:100svh;display:flex}.page__main{padding:var(--nav-h) 0 2rem;flex-direction:column;flex:1;gap:0;display:flex}.page--landing .page__main{padding:0}.landing{min-height:calc(100svh - var(--nav-h));flex:1;justify-content:center;align-items:center;padding:1.25rem 0 1.5rem;display:flex;position:relative;overflow:hidden}.landing__content{z-index:2;width:min(var(--container), calc(100% - 2rem));position:relative}.btn{font-family:var(--font);border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s;display:inline-flex}.btn--primary{background:var(--accent-gradient);color:#fff;border-color:#0000;padding:.5625rem 1rem;box-shadow:0 0 28px #8b5cf666,0 0 48px #22d3ee26}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 0 36px #8b5cf68c,0 0 56px #22d3ee40}.btn--ghost{color:var(--text-strong);border-color:var(--border);background:0 0;padding:.5625rem 1rem}.btn--ghost:hover{background:#8b5cf614;border-color:#8b5cf673}.btn--sm{padding:.4375rem .75rem;font-size:.8125rem}.btn--block{width:100%}.navbar{z-index:100;height:var(--nav-h);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141416eb;position:fixed;top:0;left:0;right:0}.navbar__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar__brand{letter-spacing:-.02em;color:var(--text-strong);align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;display:flex}.navbar__mark{background:var(--accent-gradient);width:8px;height:8px;box-shadow:0 0 10px var(--accent-glow);border-radius:2px}.hero{text-align:center;max-width:520px;margin-inline:auto;padding-inline:1rem}.hero__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-cyan);margin:0 0 .75rem;font-size:.8125rem;font-weight:500}.hero__title{letter-spacing:-.045em;color:var(--text-strong);background:var(--hero-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:clamp(1.875rem,5vw,2.625rem);font-weight:700;line-height:1.1}.hero__sub{color:var(--text);max-width:36rem;margin:0 0 1.375rem;margin-inline:auto;font-size:.9375rem;line-height:1.55}.hero__bullets{text-align:left;flex-direction:column;gap:.5rem;max-width:22rem;margin:0 0 1.375rem;margin-inline:auto;padding:0;list-style:none;display:flex}.hero__bullets li{color:var(--text);padding-left:1.25rem;font-size:.875rem;line-height:1.45;position:relative}.hero__bullets li:before{content:"";background:var(--accent-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;position:absolute;top:.55em;left:0}.hero__actions{flex-wrap:wrap;justify-content:center;gap:.625rem;display:flex}.poster-carousel{width:100vw;margin-bottom:.5rem;margin-left:calc(50% - 50vw);padding:2rem 0 2.75rem;position:relative;overflow:hidden}.poster-carousel--bg{opacity:.35;pointer-events:none;width:100%;margin:0;padding:0;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#0006 25%,#0000008c 50%,#0006 75%,#0000 100%);mask-image:linear-gradient(#0000 0%,#0006 25%,#0000008c 50%,#0006 75%,#0000 100%)}.poster-carousel--bg .poster-carousel__track{gap:.625rem;padding-inline:.75rem;animation-duration:120s}.poster-carousel--bg .poster-carousel__glow{opacity:.5}.poster-carousel--bg .poster-carousel__poster,.poster-carousel--bg .poster-carousel__fallback{border-radius:8px;width:clamp(72px,9vw,110px);box-shadow:0 4px 16px #00000073}.poster-carousel--bg .poster-carousel__item:hover .poster-carousel__poster,.poster-carousel--bg .poster-carousel__item:hover .poster-carousel__fallback{transform:none}.poster-carousel__glow{pointer-events:none;z-index:0;background:radial-gradient(#8b5cf61f 0%,#22d3ee0f 40%,#0000 70%);position:absolute;inset:10% 5% 20%}.poster-carousel__fade{z-index:2;pointer-events:none;width:min(10vw,100px);position:absolute;top:0;bottom:0}.poster-carousel__fade--left{background:linear-gradient(90deg, var(--bg) 0%, transparent 100%);left:0}.poster-carousel__fade--right{background:linear-gradient(270deg, var(--bg) 0%, transparent 100%);right:0}.poster-carousel__track{z-index:1;gap:1rem;width:max-content;padding-inline:1.25rem;animation:85s linear infinite poster-carousel-scroll;display:flex;position:relative}.poster-carousel__track:hover{animation-play-state:paused}@keyframes poster-carousel-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.poster-carousel__item{flex-shrink:0;margin:0}.poster-carousel__poster,.poster-carousel__fallback{aspect-ratio:2/3;border-radius:var(--radius-xl);border:1px solid #ffffff1a;width:clamp(150px,20vw,240px);transition:transform .3s cubic-bezier(.34,1.4,.64,1),box-shadow .3s,border-color .3s;box-shadow:0 12px 40px #0000008c,0 0 0 1px #8b5cf61a,0 0 32px #22d3ee0f}.poster-carousel__poster{object-fit:cover;height:auto;display:block}.poster-carousel__fallback{background:linear-gradient(145deg,#8b5cf659 0%,#1e1e2df2 45%,#22d3ee33 100%);justify-content:center;align-items:center;display:flex}.poster-carousel__initial{letter-spacing:-.04em;color:#ffffffd9;text-shadow:0 0 24px #8b5cf699;font-size:2.5rem;font-weight:700}.poster-carousel__item:hover .poster-carousel__poster,.poster-carousel__item:hover .poster-carousel__fallback{border-color:#22d3ee73;transform:scale(1.07)translateY(-6px);box-shadow:0 20px 56px #000000a6,0 0 40px #8b5cf659,0 0 24px #22d3ee33}.section-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-cyan);margin:0 0 .375rem;font-size:.75rem;font-weight:600}.section-title{letter-spacing:-.03em;color:var(--text-strong);margin:0;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600}.how{flex-direction:column;gap:1.25rem;display:flex}.how__header{text-align:center}.how__steps{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=768px){.how__steps{grid-template-columns:repeat(3,1fr)}}.how__step{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);gap:.875rem;padding:1.125rem;transition:border-color .2s,transform .2s;display:flex}.how__step:hover{border-color:var(--border-hover);transform:translateY(-2px)}.how__num{letter-spacing:.04em;color:var(--accent-violet);flex-shrink:0;font-size:.6875rem;font-weight:700}.how__step h3{color:var(--text-strong);margin:0 0 .375rem;font-size:.9375rem;font-weight:600}.how__step p{color:var(--text);margin:0;font-size:.8125rem;line-height:1.5}.how-hint{display:inline-flex;position:relative}.how-hint__trigger{font:inherit;color:var(--muted);cursor:default;background:0 0;border:none;align-items:center;gap:.375rem;padding:0;font-size:.8125rem;display:inline-flex}.how-hint__icon{border:1px solid var(--border-hover);width:1.125rem;height:1.125rem;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:.6875rem;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.how-hint:hover .how-hint__icon,.how-hint:focus-within .how-hint__icon{color:var(--accent-cyan);border-color:#8b5cf680}.how-hint__popover{border-radius:var(--radius);border:1px solid var(--border-hover);background:var(--bg-elevated);width:max-content;max-width:min(18rem,100vw - 2rem);color:var(--text);text-align:center;opacity:0;visibility:hidden;pointer-events:none;z-index:10;padding:.625rem .75rem;font-size:.75rem;line-height:1.45;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 12px 32px #00000073}.how-hint:hover .how-hint__popover,.how-hint:focus-within .how-hint__popover{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.pricing{flex-direction:column;gap:.875rem;display:flex}.pricing__header{text-align:center;flex-direction:column;align-items:center;gap:.375rem;display:flex}.pricing__title{letter-spacing:-.03em;color:var(--text-strong);margin:0;font-size:clamp(1.375rem,3.5vw,1.75rem);font-weight:600}.pricing__grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}@media (width<=640px){.pricing__grid{grid-template-columns:1fr}}.pricing-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;gap:.75rem;padding:1.25rem 1.125rem 1.125rem;transition:border-color .2s,transform .25s cubic-bezier(.34,1.2,.64,1),box-shadow .25s;display:flex;position:relative}.pricing-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 12px 32px #00000059}.pricing-card--featured{background:linear-gradient(165deg,#8b5cf62e 0%,#22d3ee14 35%,#12121c 55%);border-color:#22d3ee80;transform:scale(1.02);box-shadow:0 0 0 1px #22d3ee40,0 0 56px #8b5cf647,0 0 96px #22d3ee1a}@media (width<=640px){.pricing-card--featured{transform:none}}.pricing-card--featured:hover{border-color:#22d3eea6;transform:translateY(-4px);box-shadow:0 0 0 1px #22d3ee4d,0 0 56px #8b5cf659,0 0 96px #22d3ee1f}.pricing-card__badge{background:var(--accent-gradient);letter-spacing:.03em;text-transform:uppercase;color:#fff;border-radius:999px;padding:.1875rem .625rem;font-size:.6875rem;font-weight:700;position:absolute;top:-.5625rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #8b5cf673}.pricing-card__head{flex-direction:column;align-items:flex-start;gap:.25rem;padding-top:.25rem;display:flex}.pricing-card__name{color:var(--text-strong);margin:0;font-size:.875rem;font-weight:600}.pricing-card__price{white-space:nowrap;margin:0}.pricing-card__amount{letter-spacing:-.03em;color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:1.625rem;font-weight:700}.pricing-card__period{color:var(--muted);font-size:.75rem}.pricing-card__details{color:var(--text);flex-direction:column;flex:1;gap:.375rem;margin:0;padding:0;font-size:.8125rem;line-height:1.45;list-style:none;display:flex}.pricing-card__details li{padding-left:.875rem;position:relative}.pricing-card__details li:before{content:"";background:var(--accent-cyan);opacity:.7;border-radius:50%;width:.3125rem;height:.3125rem;position:absolute;top:.55em;left:0}.pricing-card__savings{color:var(--accent-cyan);margin:-.25rem 0 0;font-size:.75rem;font-weight:500}.pricing-card__compare{color:var(--muted);margin:-.125rem 0 0;font-size:.75rem}.pricing-card__compare-was{opacity:.75;text-decoration:line-through}.pricing-card__fallback{color:var(--muted);text-align:center;font-size:.75rem}.setup{border-radius:var(--radius-xl);background:linear-gradient(135deg, #8b5cf614 0%, var(--bg-elevated) 50%, #22d3ee0f 100%);border:1px solid #8b5cf659;justify-content:space-between;align-items:center;gap:1rem;padding:1.125rem 1.25rem;transition:transform .25s,box-shadow .25s;display:flex}.setup:hover{transform:translateY(-2px);box-shadow:0 8px 28px #8b5cf626}.setup__text{flex-wrap:wrap;align-items:baseline;gap:.375rem .625rem;font-size:.8125rem;display:flex}.setup__label,.setup__price{color:var(--text-strong);font-weight:600}.setup__note{color:var(--muted)}@media (width<=640px){.setup{text-align:center;flex-direction:column;align-items:stretch}.setup__text{justify-content:center}.setup .btn{width:100%}}.footer{border-top:1px solid var(--border);padding:.75rem 0}.page--landing .footer{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0fd9;position:relative}.footer__inner{color:var(--muted);justify-content:center;align-items:center;font-size:.75rem;display:flex}@media (width<=767px){.poster-carousel{padding:1.25rem 0 1.75rem}}.navbar__actions{align-items:center;gap:.5rem;display:flex}.pricing__error{border-radius:var(--radius);color:#fecaca;background:#ef444414;border:1px solid #ef444459;margin:0;padding:.625rem .875rem;font-size:.8125rem}.pricing-card__fallback{color:var(--muted);text-align:center;font-size:.75rem;text-decoration:underline}.auth-shell{padding:calc(var(--nav-h) + 2rem) 1rem 3rem;flex:1;justify-content:center;align-items:center;min-height:100svh;display:flex}.auth-shell__status{color:var(--muted)}.auth-card{border-radius:calc(var(--radius) + 2px);border:1px solid var(--border);background:var(--bg-elevated);width:min(420px,100%);padding:1.75rem;box-shadow:0 24px 48px #00000059}.auth-card__title{letter-spacing:-.03em;color:var(--text-strong);margin:0 0 .5rem;font-size:1.375rem;font-weight:600}.auth-card__lead,.auth-card__fine,.auth-card__status,.auth-card__notice{color:var(--text);margin:0 0 1rem;font-size:.875rem;line-height:1.5}.auth-card__fine{color:var(--muted);margin-bottom:0;font-size:.75rem}.auth-card__notice{border-radius:var(--radius);color:#bfdbfe;background:#3b82f614;border:1px solid #3b82f659;padding:.625rem .75rem}.auth-card__error{border-radius:var(--radius);color:#fecaca;background:#ef444414;border:1px solid #ef444459;margin:0 0 1rem;padding:.625rem .75rem;font-size:.8125rem}.auth-card__google{margin-bottom:1rem}.dashboard{padding:calc(var(--nav-h) + 1.5rem) 0 2.5rem;flex-direction:column;flex:1;gap:1.25rem;display:flex}.dashboard__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dashboard__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-bright);margin:0 0 .25rem;font-size:.75rem;font-weight:600}.dashboard__title{letter-spacing:-.03em;color:var(--text-strong);margin:0 0 .375rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.dashboard__meta{color:var(--muted);margin:0;font-size:.875rem}.dashboard__plan{color:var(--text-strong)}.dashboard__plan-detail{color:var(--muted);max-width:28rem;max-width:28rem;margin:.375rem 0 0;font-size:.8125rem;line-height:1.45}.dashboard__banner{border-radius:var(--radius);color:#cffafe;background:#22d3ee14;border:1px solid #22d3ee59;padding:.75rem 1rem;font-size:.875rem}.dashboard__layout{grid-template-columns:220px 1fr;align-items:start;gap:1rem;display:grid}@media (width<=768px){.dashboard__layout{grid-template-columns:1fr}.dashboard__header{flex-direction:column}.dashboard__nav{flex-flow:wrap}}.dashboard__nav{flex-direction:column;gap:.375rem;display:flex}.dashboard__nav-item{border-radius:var(--radius);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;padding:.625rem .875rem;font-size:.8125rem;transition:background .15s,border-color .15s,color .15s}.dashboard__nav-item:hover{border-color:var(--border);background:#ffffff08}.dashboard__nav-item--active{color:var(--text-strong);background:#3b82f61a;border-color:#3b82f673}.dashboard__panel{border-radius:calc(var(--radius) + 2px);border:1px solid var(--border);background:var(--bg-elevated);padding:1.25rem}.dashboard__panel-title{color:var(--text-strong);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.dashboard__panel-lead{color:var(--text);margin:0 0 1rem;font-size:.875rem;line-height:1.5}.dashboard__placeholder{border-radius:var(--radius);border:1px dashed var(--border-hover);color:var(--muted);background:#ffffff05;padding:1.25rem;font-size:.875rem}.dashboard__placeholder-badge{color:#ddd6fe;letter-spacing:.04em;text-transform:uppercase;background:#8b5cf626;border-radius:999px;margin-bottom:.5rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-block}.dashboard__placeholder code{color:#c7d2fe;font-size:.8125rem}.dashboard__footer{padding-top:.5rem}.dashboard__back{color:var(--muted);font-size:.8125rem;transition:color .15s}.dashboard__back:hover{color:var(--text-strong)}@media (prefers-reduced-motion:reduce){.poster-carousel__track{animation:none}}