@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap");:root{--color-bg-base:#0d1117;--color-bg-surface:#161b22;--color-bg-overlay:#1c2333;--color-bg-elevated:#21262d;--color-indigo:#6366f1;--color-indigo-hover:#818cf8;--color-indigo-dim:rgba(99,102,241,0.15);--color-indigo-glow:rgba(99,102,241,0.45);--color-cyan:#22d3ee;--color-cyan-hover:#67e8f9;--color-cyan-dim:rgba(34,211,238,0.15);--color-cyan-glow:rgba(34,211,238,0.4);--color-amber:#f59e0b;--color-amber-dim:rgba(245,158,11,0.15);--color-amber-glow:rgba(245,158,11,0.45);--color-text-primary:#f0f6fc;--color-text-secondary:#8b949e;--color-text-muted:#484f58;--color-border:rgba(240,246,252,0.08);--color-border-hover:rgba(240,246,252,0.16);--color-border-active:rgba(99,102,241,0.5);--darkCardBg:#6366f1;--lightCardBg:#22d3ee;--darkCardBg50:rgba(99,102,241,0.5);--lightCardBg50:rgba(34,211,238,0.5);--contentCardBg:#161b22;--navHeight:72px;--bgColor:#0d1117;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-card:14px;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 4px 16px rgba(0,0,0,0.5);--shadow-lg:0 8px 32px rgba(0,0,0,0.6);--shadow-glow-indigo:0 0 16px var(--color-indigo-glow),0 0 32px rgba(99,102,241,0.2);--shadow-glow-cyan:0 0 16px var(--color-cyan-glow),0 0 32px rgba(34,211,238,0.2);--shadow-glow-amber:0 0 12px var(--color-amber-glow),0 0 24px rgba(245,158,11,0.2);--transition-fast:0.15s ease;--transition-base:0.25s ease;--transition-slow:0.4s ease;--spring:cubic-bezier(0.34,1.56,0.64,1);--glass-bg:rgba(22,27,34,0.78);--glass-border:rgba(240,246,252,0.07);--glass-blur:blur(20px)}[data-theme=light]{--color-bg-base:#f6f8fa;--color-bg-surface:#ffffff;--color-bg-overlay:#eaeef2;--color-bg-elevated:#f0f3f6;--color-text-primary:#1c2128;--color-text-secondary:#57606a;--color-text-muted:#8c959f;--color-border:rgba(27,31,36,0.12);--color-border-hover:rgba(27,31,36,0.22);--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 16px rgba(0,0,0,0.1);--shadow-lg:0 8px 32px rgba(0,0,0,0.14);--glass-bg:rgba(255,255,255,0.88);--glass-border:rgba(27,31,36,0.1);--contentCardBg:#ffffff;--bgColor:#f6f8fa}[data-theme=light] .hero-badge{color:#0e7490;background:rgba(14,116,144,.08);border-color:rgba(14,116,144,.3)}[data-theme=light] .hero-badge-dot{background:#0e7490}[data-theme=light] .hero-typewriter{color:#0e7490}[data-theme=light] .hero-preview-card{background:linear-gradient(140deg,rgba(230,236,245,.95),rgba(246,248,250,.95));border-color:rgba(99,102,241,.28);box-shadow:0 10px 26px rgba(0,0,0,.1),0 0 0 1px rgba(99,102,241,.1);color:var(--color-indigo)}[data-theme=light] .poker-table-center{background:radial-gradient(ellipse 70% 65% at 50% 50%,rgba(99,102,241,.06) 0,rgba(34,211,238,.03) 45%,transparent 72%),rgba(255,255,255,.7);border-color:rgba(27,31,36,.12)}[data-theme=light] .reveal-button{background:linear-gradient(135deg,var(--color-indigo),#0ea5e9)!important;box-shadow:0 4px 16px rgba(99,102,241,.32)!important}*,:after,:before{box-sizing:border-box}*{margin:0;font-family:Space Grotesk,sans-serif}body,html{min-height:100%;display:flex;flex-direction:column}body{line-height:1.5;-webkit-font-smoothing:antialiased;flex-grow:1;background-color:var(--bgColor);color:var(--color-text-primary)}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate;display:flex;flex-direction:column;flex-grow:1}#__next:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.028;pointer-events:none;z-index:0}.gradient-mesh-hero{background:radial-gradient(ellipse 80% 55% at 10% 10%,rgba(99,102,241,.1) 0,transparent 60%),radial-gradient(ellipse 60% 40% at 90% 90%,rgba(34,211,238,.07) 0,transparent 60%),var(--color-bg-base)}.gradient-mesh-surface{background:radial-gradient(ellipse 70% 50% at 50% 0,rgba(99,102,241,.06) 0,transparent 60%),var(--color-bg-surface)}.gradient-text{background:linear-gradient(135deg,var(--color-indigo-hover) 0,var(--color-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.card{display:block;width:72px;height:100px;position:relative;cursor:default;perspective:800px;transition:transform .3s var(--spring)}.card:hover{transform:translateY(-5px)}.card .back,.card .front{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:var(--radius-card);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,.2,.2,1),box-shadow .3s ease,border-color .3s ease}.card .back{background:var(--color-bg-elevated);background-size:14px 14px;transform:rotateY(-180deg);background-image:conic-gradient(var(--darkCardBg50) 25%,var(--lightCardBg50) 25%,var(--lightCardBg50) 50%,var(--darkCardBg50) 50%,var(--darkCardBg50) 75%,var(--lightCardBg50) 75%)}.card .back,.card .front{border:1.5px solid var(--color-border)}.card .front{background:var(--color-bg-surface);display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-md);font-family:JetBrains Mono,monospace}.card-voted{animation:wobble 2s ease 0s 1 normal forwards}.card-voted .back{border-color:var(--color-amber);box-shadow:var(--shadow-glow-amber);background-image:conic-gradient(rgba(245,158,11,.65) 25%,rgba(251,191,36,.45) 25%,rgba(251,191,36,.45) 50%,rgba(245,158,11,.65) 50%,rgba(245,158,11,.65) 75%,rgba(251,191,36,.45) 75%)}.card-hidden .front{transform:rotateY(180deg)}.card-hidden .back{transform:rotateY(0deg)}.card-re-voted{animation:re-vote-pulse 1.6s infinite;background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(251,191,36,.08))!important;border-color:var(--color-amber)!important}@keyframes wobble{0%,to{transform:translateX(0);transform-origin:50% 50%}15%{transform:translateX(-7px) rotate(-2deg)}30%{transform:translateX(5px) rotate(2deg)}45%{transform:translateX(-3px) rotate(-1.2deg)}60%{transform:translateX(3px) rotate(.8deg)}75%{transform:translateX(-1.5px) rotate(-.4deg)}}@keyframes re-vote-pulse{0%{box-shadow:0 0 0 0 var(--color-amber-glow)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}.voting-card{position:relative;border-radius:var(--radius-md);background:var(--color-bg-surface);border:1.5px solid var(--color-border);transition:transform .22s var(--spring),box-shadow .22s ease,border-color .22s ease,background .22s ease;cursor:pointer;overflow:hidden;min-width:60px;min-height:80px;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-weight:700;font-size:1.1rem;color:var(--color-text-primary);outline:none}.voting-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,.1),transparent 60%);opacity:0;transition:opacity .2s ease;pointer-events:none}.voting-card:hover{transform:translateY(-7px) scale(1.04);box-shadow:var(--shadow-glow-indigo);border-color:var(--color-indigo)}.voting-card:hover:before{opacity:1}.voting-card:active{transform:translateY(-2px) scale(.97)}.voting-card:focus-visible{border-color:var(--color-indigo);box-shadow:0 0 0 3px rgba(99,102,241,.25),var(--shadow-glow-indigo)}.voting-card-selected:focus-visible{box-shadow:0 0 0 3px rgba(99,102,241,.3),var(--shadow-glow-indigo)!important}.voting-card-selected{border-color:var(--color-indigo)!important;background:linear-gradient(135deg,rgba(99,102,241,.22),rgba(34,211,238,.06))!important;box-shadow:var(--shadow-glow-indigo)!important;transform:translateY(-4px) scale(1.03)!important;color:var(--color-indigo-hover)}.voting-card-selected:before{opacity:1!important}.reveal-button{position:relative;background:linear-gradient(135deg,var(--color-indigo),var(--color-cyan))!important;border:none!important;border-radius:var(--radius-md)!important;color:white!important;font-weight:700!important;letter-spacing:.04em;overflow:hidden;transition:transform .2s var(--spring),box-shadow .2s ease,opacity .2s ease!important}.reveal-button:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-cyan),var(--color-indigo));opacity:0;transition:opacity .3s ease;pointer-events:none}.reveal-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-glow-indigo)!important}.reveal-button:hover:not(:disabled):after{opacity:.3}.reveal-button:active:not(:disabled){transform:translateY(0) scale(.97)}.reveal-button:disabled{opacity:.35;cursor:not-allowed}.reveal-button>*{position:relative;z-index:1}.new-game-button{background:rgba(99,102,241,.12)!important;border:1.5px solid var(--color-indigo)!important;color:var(--color-indigo-hover)!important;font-weight:700!important;letter-spacing:.04em;border-radius:var(--radius-md)!important;transition:transform .2s var(--spring),box-shadow .2s ease,background .2s ease!important}.new-game-button:hover:not(:disabled){background:rgba(99,102,241,.22)!important;box-shadow:var(--shadow-glow-indigo)!important;transform:translateY(-2px)}.glow-button{position:relative;transition:all .2s ease}.glow-button-action{background:linear-gradient(135deg,var(--color-indigo),var(--color-cyan))!important;border:none!important;color:white!important;box-shadow:var(--shadow-glow-indigo)}.glow-button-action:hover{transform:translateY(-2px);box-shadow:0 0 28px var(--color-indigo-glow),0 0 56px rgba(99,102,241,.18)!important}.cta-primary{background:linear-gradient(135deg,var(--color-indigo),var(--color-cyan))!important;border:none!important;color:white!important;font-weight:700!important;border-radius:var(--radius-md)!important;transition:transform .2s var(--spring),box-shadow .2s ease!important;letter-spacing:.03em}.cta-primary:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-glow-indigo)!important}.cta-primary:active:not(:disabled){transform:scale(.97)}.cta-join{background:linear-gradient(135deg,var(--color-cyan),var(--color-indigo))!important;border:none!important;color:white!important;font-weight:700!important;border-radius:var(--radius-md)!important;transition:transform .2s var(--spring),box-shadow .2s ease!important;letter-spacing:.03em;padding-inline:20px!important}.cta-join:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-glow-cyan)!important}.cta-join:active:not(:disabled){transform:scale(.97)}.rooms-page-root{position:relative;flex-grow:1;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--navHeight));padding:calc(var(--navHeight) + 32px) 24px 48px;overflow:hidden}.rooms-bg-blob{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0}.rooms-bg-blob--indigo{width:520px;height:420px;background:radial-gradient(ellipse,rgba(99,102,241,.13) 0,transparent 70%);top:-80px;left:-100px}.rooms-bg-blob--cyan{width:400px;height:320px;background:radial-gradient(ellipse,rgba(34,211,238,.09) 0,transparent 70%);bottom:-60px;right:-80px}.rooms-cards-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;grid-gap:0;gap:0;align-items:start;width:100%;max-width:900px}@media (max-width:680px){.rooms-cards-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto}.rooms-divider{padding:16px 0!important}.rooms-divider:after,.rooms-divider:before{width:2px!important;height:32px!important}}.rooms-section-card{position:relative;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:36px 32px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.rooms-section-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.rooms-section-card--create:hover{border-color:rgba(99,102,241,.3);box-shadow:0 8px 40px rgba(99,102,241,.1)}.rooms-section-card--join:hover{border-color:rgba(34,211,238,.3);box-shadow:0 8px 40px rgba(34,211,238,.07)}.rooms-card-accent-bar{position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.rooms-card-accent-bar--indigo{background:linear-gradient(90deg,var(--color-indigo),var(--color-indigo-hover))}.rooms-card-accent-bar--cyan{background:linear-gradient(90deg,var(--color-cyan),var(--color-cyan-hover))}.rooms-card-icon{font-size:22px;line-height:1;margin-bottom:20px;opacity:.7}.rooms-divider{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:48px 20px 0;gap:12px}.rooms-divider:after,.rooms-divider:before{content:"";display:block;width:1px;height:80px;background:linear-gradient(to bottom,transparent,var(--color-border-hover))}.rooms-divider:after{background:linear-gradient(to bottom,var(--color-border-hover),transparent)}.rooms-divider-or{font-size:11px;font-weight:600;color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;background:var(--color-bg-base);padding:4px 0;white-space:nowrap}.recent-room-row:hover{border-color:var(--color-border-hover)!important}.empty-seat{width:72px;height:100px;border-radius:var(--radius-card);border:2px dashed var(--color-border-hover);animation:empty-seat-pulse 2.8s ease-in-out infinite;background:rgba(99,102,241,.03)}@keyframes empty-seat-pulse{0%,to{border-color:var(--color-border);opacity:.5}50%{border-color:rgba(99,102,241,.4);opacity:1}}.skeleton{background:linear-gradient(90deg,var(--color-bg-elevated) 0,rgba(240,246,252,.07) 50%,var(--color-bg-elevated) 100%);background-size:200% 100%;animation:shimmer 1.8s linear infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.poker-table-center{background:radial-gradient(ellipse 70% 65% at 50% 50%,rgba(99,102,241,.07) 0,rgba(34,211,238,.04) 45%,transparent 72%),rgba(22,27,34,.5);border:1px solid var(--color-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.emoji-button{background:none;font-size:20px;padding:4px 5px;border-radius:var(--radius-sm);transition:transform .15s var(--spring),background .15s ease;line-height:1;display:inline-flex;align-items:center}.emoji-button:hover{transform:scale(1.35);background:rgba(240,246,252,.09)}.tooltip-content{font-size:14px}.emoji-picker-tooltip{background:var(--color-bg-elevated)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;padding:4px!important}.player-voted-dot{color:var(--color-amber);filter:drop-shadow(0 0 4px var(--color-amber-glow))}.player-waiting-dot{color:var(--color-text-muted)}.fade-in{animation:fade-in .35s ease forwards}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scale-in{animation:scale-in .3s var(--spring) forwards}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}[data-part=backdrop]{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:rgba(0,0,0,.72)!important}button[data-variant=outline]:focus-visible:not(:disabled),button[data-variant=outline]:hover:not(:disabled){background:rgba(240,246,252,.08)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-hover)!important}.section-dark-hero{background:radial-gradient(ellipse 90% 60% at 5% 5%,rgba(99,102,241,.11) 0,transparent 60%),radial-gradient(ellipse 60% 45% at 95% 95%,rgba(34,211,238,.07) 0,transparent 60%),var(--color-bg-base)}.section-surface{background:var(--color-bg-surface)}.navbar-glass{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border-bottom:1px solid var(--color-border)!important}.navbar-glass-scrolled{box-shadow:0 4px 32px rgba(0,0,0,.5)!important}.room-header-bar{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:8px 20px}.emoji-picker-tooltip{background-color:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:4px}.flying-emoji{animation:emoji-pulse .2s ease-in-out}@keyframes emoji-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.emoji-button{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:24px;background:transparent;border:none;cursor:pointer;padding-inline:4px;padding-block:8px;border-radius:4px;transition:transform .2s,background-color .2s}.emoji-button:hover{background-color:#f0f0f0;transform:scale(1.1)!important}.emoji-button:active{transform:scale(.9)!important}.hero-banner{isolation:isolate}.hero-grid-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(99,102,241,.06) 1px,transparent 0),linear-gradient(90deg,rgba(99,102,241,.06) 1px,transparent 0);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 45%,rgba(0,0,0,1) 30%,rgba(0,0,0,.2) 70%,transparent 100%);mask-image:radial-gradient(ellipse 75% 70% at 50% 45%,rgba(0,0,0,1) 30%,rgba(0,0,0,.2) 70%,transparent 100%)}.hero-inner{position:relative;z-index:1;margin-inline:auto;max-width:1160px}.hero-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-cyan);background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.24);border-radius:100px;padding:7px 14px}.hero-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--color-cyan);animation:hero-pulse 1.8s ease-in-out infinite}.hero-title{text-wrap:balance}.hero-typewriter{margin-top:18px;min-height:26px;font-family:JetBrains Mono,monospace;color:var(--color-cyan);letter-spacing:.06em;font-size:clamp(13px,1.7vw,16px);animation:hero-fade-up .28s ease}.hero-typewriter:after{content:"|";margin-left:2px;animation:hero-caret-blink .8s step-end infinite}.hero-secondary-link{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:var(--radius-md);border:1px solid var(--color-border-hover);background:rgba(240,246,252,.04);color:var(--color-text-primary);text-decoration:none;font-weight:600;transition:transform .2s var(--spring),border-color .2s ease,background .2s ease}.hero-secondary-link:hover{transform:translateY(-2px);border-color:var(--color-indigo);background:rgba(99,102,241,.12)}.hero-card-preview{margin-top:52px;gap:16px;align-items:flex-end}.hero-preview-card{width:62px;height:88px;border-radius:var(--radius-card);border:1px solid rgba(99,102,241,.32);background:linear-gradient(140deg,rgba(28,35,51,.95),rgba(13,17,23,.95));box-shadow:0 10px 26px rgba(0,0,0,.4),0 0 0 1px rgba(99,102,241,.08);display:grid;place-items:center;color:var(--color-indigo-hover);font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700}@keyframes hero-caret-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes hero-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.65}}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (pointer:fine){body.cursor-enabled,body.cursor-enabled [role=button],body.cursor-enabled a,body.cursor-enabled button,body.cursor-enabled input,body.cursor-enabled select,body.cursor-enabled textarea{cursor:none}.app-cursor-aura,.app-cursor-dot{position:fixed;left:0;top:0;transform:translate(-50%,-50%);pointer-events:none;z-index:60000;transition:width .16s var(--spring),height .16s var(--spring),opacity .16s ease,background-color .16s ease,border-color .16s ease}.app-cursor-dot{width:10px;height:10px;border-radius:50%;background:var(--color-cyan);mix-blend-mode:screen}.app-cursor-aura{width:44px;height:44px;border-radius:50%;border:1px solid rgba(99,102,241,.52)}.app-cursor-dot-active{width:16px;height:16px;background:var(--color-indigo)}.app-cursor-aura-active{width:54px;height:54px;border-color:rgba(34,211,238,.56)}.app-cursor-hidden{opacity:0}}@media (max-width:768px){.hero-card-preview{justify-content:center}.hero-preview-card{width:54px;height:78px;font-size:18px}}@media (prefers-reduced-motion:reduce){.hero-badge-dot,.hero-typewriter,.hero-typewriter:after{animation:none}.app-cursor-aura,.app-cursor-dot{transition:none}}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;perspective:1200px}@media (max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.steps-grid{grid-template-columns:1fr}}.step-card{background:var(--glass-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px 24px 32px;cursor:default;position:relative;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.step-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(99,102,241,.07),transparent 60%);pointer-events:none;opacity:0;transition:opacity .3s ease}.step-card:hover{border-color:rgba(99,102,241,.4);box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 0 1px rgba(99,102,241,.1)}.step-card:hover:after{opacity:1}.step-card-num{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--color-indigo);margin-bottom:16px;opacity:.7}.step-card-title{font-size:17px;font-weight:700;color:var(--color-text-primary);margin-bottom:10px;letter-spacing:-.01em;line-height:1.3}.step-card-body{font-size:14px;color:var(--color-text-secondary);line-height:1.7;font-weight:300}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;perspective:1200px}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px 24px;cursor:default;position:relative;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(99,102,241,.05),transparent 60%);border-radius:inherit;opacity:0;transition:opacity .3s ease;pointer-events:none}.feature-card:hover{border-color:rgba(99,102,241,.38);box-shadow:0 24px 64px rgba(0,0,0,.4),0 0 0 1px rgba(99,102,241,.08)}.feature-card:hover:before{opacity:1}.feature-card-icon{width:46px;height:46px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:20px;background:rgba(255,255,255,.04);flex-shrink:0}.feature-card-title{font-size:17px;font-weight:700;color:var(--color-text-primary);margin-bottom:10px;letter-spacing:-.01em}.feature-card-body{font-size:14px;color:var(--color-text-secondary);line-height:1.7;font-weight:300}.s4-section{position:relative;overflow:hidden;background:var(--color-bg-surface);padding:96px 32px}@media (max-width:768px){.s4-section{padding:64px 20px}}.s4-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(72px);z-index:0;will-change:transform}.s4-orb-left{width:520px;height:520px;background:radial-gradient(ellipse,rgba(99,102,241,.12),transparent 70%);left:-12%;top:0}.s4-orb-right{width:420px;height:420px;background:radial-gradient(ellipse,rgba(34,211,238,.09),transparent 70%);right:-6%;bottom:0}.s4-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:64px}.s4-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}@media (max-width:768px){.s4-stats{grid-template-columns:repeat(2,1fr)}}.s4-stat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;background:var(--glass-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:border-color .25s ease,box-shadow .25s ease}.s4-stat:hover{border-color:rgba(99,102,241,.3);box-shadow:0 8px 32px rgba(0,0,0,.3)}.s4-stat-value{font-size:clamp(26px,4vw,42px);font-weight:700;line-height:1;display:block}.s4-stat-label,.s4-stat-value{font-family:JetBrains Mono,monospace}.s4-stat-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.s4-divider{height:1px;background:var(--color-border);width:100%}.s4-copy{display:flex;flex-direction:column}.s4-footer{display:flex;align-items:center;justify-content:space-between;padding-top:32px;border-top:1px solid var(--color-border);flex-wrap:wrap;gap:16px}.average-sidebar{width:252px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.average-sidebar-desktop{position:fixed;top:96px;right:16px;z-index:100}@media (max-width:1024px){.average-sidebar-desktop{display:none}}.average-sidebar-toggle{display:none;position:fixed;bottom:24px;right:20px;z-index:300;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-indigo),var(--color-cyan));border:none;color:white;cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--shadow-glow-indigo);transition:transform .2s var(--spring),box-shadow .2s ease}.average-sidebar-toggle:hover{transform:scale(1.1);box-shadow:0 0 24px var(--color-indigo-glow),0 0 48px rgba(99,102,241,.2)}@media (max-width:1024px){.average-sidebar-toggle{display:flex}}.average-sidebar-drawer{position:fixed;top:0;right:0;bottom:0;width:280px;z-index:400;border-radius:var(--radius-lg) 0 0 var(--radius-lg);overflow-y:auto}.average-sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:399;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.average-sidebar-content{padding:20px;display:flex;flex-direction:column;gap:20px}.average-sidebar-header{display:flex;align-items:center;justify-content:space-between}.average-sidebar-title{font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.average-sidebar-close{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;transition:color .15s ease,background .15s ease}.average-sidebar-close:hover{color:var(--color-text-primary);background:rgba(240,246,252,.08)}@media (min-width:769px){.average-sidebar-close{display:none}}.average-sidebar-avg-block{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;background:rgba(99,102,241,.06);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.average-sidebar-avg-label{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.average-sidebar-avg-value{font-size:52px;font-weight:700;font-family:JetBrains Mono,monospace;line-height:1}.average-sidebar-avg-sub{font-size:14px;color:var(--color-text-muted);margin-top:4px}.average-sidebar-preview-users{margin-top:8px;font-size:13px;color:var(--color-text-secondary);line-height:1.45}.average-sidebar-preview-label{color:var(--color-text-muted)}.average-sidebar-preview-user-name{color:var(--color-text-primary)}.average-sidebar-waiting{font-size:16px;color:var(--color-text-muted);text-align:center;padding:20px 0;font-style:italic}body{transition:background-color var(--transition-base),color var(--transition-base)}.theme-toggle-btn{position:fixed;bottom:24px;left:20px;z-index:9999;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--color-border-hover);background:var(--color-bg-elevated);color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),border-color var(--transition-base);outline:none;padding:0}.theme-toggle-btn:hover{transform:scale(1.12);box-shadow:var(--shadow-glow-indigo);border-color:var(--color-indigo);background:var(--color-bg-overlay)}.theme-toggle-btn:active{transform:scale(.9)}.theme-toggle-btn:focus-visible{outline:2px solid var(--color-indigo);outline-offset:3px}.theme-toggle-icon{position:absolute;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .3s var(--spring);opacity:0;transform:scale(.5) rotate(-30deg)}.theme-toggle-icon.visible{opacity:1;transform:scale(1) rotate(0deg)}