@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;700&display=swap";
html:has(.v20-cinematic-root){scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:has(.v20-cinematic-root){scroll-behavior:auto}}.v20-cinematic-root .v1-cascade-mesh{filter:blur(70px);opacity:.7;mix-blend-mode:screen;will-change:background-position;background:repeating-linear-gradient(105deg,#7c3aed80 0%,#a78bfa59 12%,#f43f5e66 22%,#0000 30% 38%,#7c3aed73 48%,#a78bfa47 58%) 0 45%/220% 100% no-repeat,repeating-linear-gradient(82deg,#f43f5e52 0%,#0000 15% 30%,#f43f5e47 45%,#0000 60%) 100% 55%/180% 100% no-repeat,repeating-linear-gradient(135deg,#fbbf2452 0%,#0000 18% 42%,#fbbf2438 58%,#0000 80%) 30% 40%/250% 120% no-repeat;animation:20s ease-in-out infinite alternate v20-aurora;inset:-8%;transform:none!important}@keyframes v20-aurora{0%{background-position:0 40%,100% 60%,20% 35%}to{background-position:180% 65%,-60% 35%,95% 70%}}@media (prefers-reduced-motion:reduce){.v20-cinematic-root .v1-cascade-mesh{animation:none!important}}.cinematic-showcase-card{-webkit-backdrop-filter:blur(26px)saturate(180%);background:linear-gradient(135deg,#ffffff12,#7c3aed0f);border:1px solid #ffffff1f;box-shadow:inset 0 1px #ffffff14,0 20px 60px -20px #7c3aed52}.cinematic-demo-tile{background:linear-gradient(135deg,#7c3aed29 0%,#a78bfa14 50%,#f43f5e14 100%);border:1px solid #a78bfa38;box-shadow:inset 0 1px #ffffff14,0 8px 24px -12px #7c3aed4d}.cinematic-feature-tab{cursor:pointer;background:0 0;border:1px solid #0000;transition:background-color .18s,border-color .18s,transform .18s}.cinematic-feature-tab:hover{background:#ffffff0d;border-color:#ffffff1a}.cinematic-feature-tab:active{transform:scale(.98)}.cinematic-feature-tab[data-active=true]{background:#f43f5e1a;border-color:#f43f5e66}.cinematic-feature-tab[data-active=true]:hover{background:#f43f5e24;border-color:#f43f5e8c}.cinematic-feature-tab-icon{color:var(--text-dim);background:#ffffff0d;transition:background-color .18s,color .18s}.cinematic-feature-tab:hover .cinematic-feature-tab-icon{color:var(--text);background:#ffffff14}.cinematic-feature-tab[data-active=true] .cinematic-feature-tab-icon{color:var(--cta);background:#f43f5e33}.cinematic-achievement-pulse{animation:2.2s ease-in-out infinite cinematic-ach-pulse}@keyframes cinematic-ach-pulse{0%,to{box-shadow:0 0 12px #f43f5e40}50%{box-shadow:0 0 28px #f43f5e8c}}.cinematic-flame-flicker{transform-origin:bottom;animation:1.4s ease-in-out infinite cinematic-flame}@keyframes cinematic-flame{0%,to{transform:scale(1)rotate(-2deg)}25%{transform:scale(1.06)rotate(1deg)}50%{transform:scale(1.02)rotate(-1deg)}75%{transform:scale(1.08)rotate(2deg)}}@keyframes cinematic-feed-pip{0%,to{opacity:1}50%{opacity:.4}}.cinematic-demo-card{flex-direction:column;height:472px;display:flex}@media (max-width:480px){.cinematic-demo-card{height:440px}}.cinematic-xp-bar{position:relative;overflow:hidden}.cinematic-xp-bar:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%);animation:2.4s linear infinite cinematic-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes cinematic-shimmer{to{transform:translate(100%)}}.cinematic-streak-today{animation:1.8s ease-in-out infinite cinematic-heartbeat}@keyframes cinematic-heartbeat{0%,to{box-shadow:0 0 6px var(--cta),0 0 12px #f43f5e66;transform:scale(1)}50%{box-shadow:0 0 14px var(--cta),0 0 28px #f43f5eb3;transform:scale(1.08)}}.cinematic-trigger-pulse{border:1px solid var(--cta);pointer-events:none;border-radius:14px;animation:2.4s ease-out infinite cinematic-trigger-ring;position:absolute;inset:-8px}@keyframes cinematic-trigger-ring{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.4)}}.cinematic-aurora{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cinematic-aurora__layer{filter:blur(70px);mix-blend-mode:screen;opacity:.55;position:absolute;inset:-20%}.cinematic-aurora__layer--1{background:radial-gradient(55% 50% at 30% 30%,#7c3aedd9,#0000 60%);animation:16s ease-in-out infinite alternate cinematic-aurora-drift-1}.cinematic-aurora__layer--2{background:radial-gradient(50% 60% at 70% 60%,#f43f5eb3,#0000 60%);animation:19s ease-in-out infinite alternate cinematic-aurora-drift-2}.cinematic-aurora__layer--3{background:radial-gradient(70% 50% at 50% 80%,#a78bfa8c,#0000 60%);animation:23s ease-in-out infinite alternate cinematic-aurora-drift-3}@keyframes cinematic-aurora-drift-1{0%{transform:translate(0)scale(1)}to{transform:translate(40px,-30px)scale(1.15)}}@keyframes cinematic-aurora-drift-2{0%{transform:translate(0)scale(1)}to{transform:translate(-30px,40px)scale(1.1)}}@keyframes cinematic-aurora-drift-3{0%{transform:translate(0)scale(1.05)}to{transform:translate(50px,30px)scale(1)}}.cinematic-grid-bg{pointer-events:none;background-image:linear-gradient(#a78bfa0d 1px,#0000 1px),linear-gradient(90deg,#a78bfa0d 1px,#0000 1px);background-position:0 0;background-size:48px 48px;animation:30s linear infinite cinematic-grid-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80%,#000 30%,#0000 85%);mask-image:radial-gradient(70% 80%,#000 30%,#0000 85%)}@keyframes cinematic-grid-drift{to{background-position:48px 48px}}.cinematic-glare{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 30%,#ffffff0f 45%,#ffffff1f 50%,#ffffff0f 55%,#0000 70%) 0 0/250% 250%;animation:9s linear infinite cinematic-glare-sweep;position:absolute;inset:0}@keyframes cinematic-glare-sweep{0%{background-position:-100%}to{background-position:200%}}.cinematic-tier-card{position:relative}.cinematic-tier-card:before{content:"";border-radius:inherit;background:conic-gradient(from var(--angle,0deg),var(--cta),var(--primary-2),transparent 35%,transparent 65%,var(--cta));-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .28s ease-out;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.cinematic-tier-card:hover:before{opacity:1;animation:4s linear infinite cinematic-rotate-angle}@keyframes cinematic-rotate-angle{to{--angle:360deg}}.cinematic-lift{transition:transform .28s ease-out,box-shadow .28s ease-out,border-color .28s ease-out}.cinematic-lift:hover{border-color:#a78bfa80;transform:translateY(-3px);box-shadow:0 14px 40px -10px #7c3aed59}.cinematic-tracing-beam{z-index:25;pointer-events:none;opacity:.65;width:1.5px;display:none;position:fixed;top:96px;bottom:24px;left:22px}@media (min-width:1280px){.cinematic-tracing-beam{display:block}}.cinematic-tracing-beam__rail{background:linear-gradient(#0000 0%,#a78bfa14 15% 85%,#0000 100%);border-radius:2px;position:absolute;inset:0}.cinematic-tracing-beam__fill{background:linear-gradient(#0000 0%,#f43f5e8c 30%,#a78bfa80 70%,#0000 100%);border-radius:4px;width:100%;position:absolute;top:0;left:0;box-shadow:0 0 3px #f43f5e40}