@import "https://fonts.googleapis.com/css2?family=Outfit:wght@700;900&display=swap";:root{--bg-dark:#0f172a;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#8b5cf6;--accent-hover:#7c3aed;--danger-color:#ef4444;--success-color:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);background-attachment:fixed;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s}.btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.input-field{border:1px solid var(--glass-border);color:var(--text-primary);background:#0003;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:1rem;transition:border-color .2s}.input-field:focus{border-color:var(--accent-color)}.title-text{text-transform:uppercase;letter-spacing:5px;color:#f9c;-webkit-text-stroke:2px #903;text-shadow:4px 4px #f36,8px 8px #603,10px 10px 15px #000c;font-family:Outfit,sans-serif;font-weight:900;animation:3s ease-in-out infinite float-title}@keyframes float-title{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-5px)scale(1.02)}}.animated-o{transform-origin:50%;filter:drop-shadow(0 0 15px #db277799);animation:6s ease-in-out infinite pulse-spin}@keyframes pulse-spin{0%{transform:scale(1)rotate(0)}25%{transform:scale(1.1)rotate(20deg)}50%{transform:scale(.95)rotate(0)}75%{transform:scale(1.05)rotate(-20deg)}to{transform:scale(1)rotate(0)}}.wrinkles{transform-origin:50px 50px;animation:10s linear infinite alternate wrinkle-spin}@keyframes wrinkle-spin{0%{transform:rotate(-15deg)}to{transform:rotate(15deg)}}.score-screen{z-index:100;background:var(--bg-gradient);width:100%;height:auto;position:fixed;inset:0;overflow:hidden auto;gap:clamp(.75rem,2vh,1.5rem)!important;min-height:100dvh!important;padding:clamp(1rem,3vh,2rem) clamp(.75rem,2vw,2rem)!important}.score-summary{flex:none;width:min(100%,540px);flex-wrap:nowrap!important;gap:clamp(.4rem,2vw,2rem)!important}.score-summary-card{flex:0 240px;min-width:0;padding:clamp(.35rem,1.2vh,1rem) clamp(.5rem,2vw,2rem)!important}.score-summary-card>div:first-child{font-size:clamp(.55rem,1.5vmin,.9rem)!important}.score-summary-card>div:last-child{font-size:clamp(1rem,3.5vmin,2rem)!important}.score-title{flex:none;line-height:1.05;margin:0!important;font-size:clamp(2rem,6vmin,4rem)!important}.score-table-panel{flex-direction:column;flex:none;display:flex;width:min(100%,1000px)!important;padding:clamp(1rem,2.5vmin,2rem)!important;overflow:auto visible!important}.score-table-heading{flex:none;font-size:clamp(1.1rem,2.5vmin,1.5rem);line-height:1.1;margin-bottom:clamp(.75rem,1.5vh,1.5rem)!important}.stats-table{table-layout:fixed;width:100%;max-width:100%}.score-table-panel .stats-table{flex:none;height:auto}.stats-table th,.stats-table td{text-overflow:ellipsis;min-width:0;line-height:1.2;overflow:hidden;padding:clamp(.6rem,1.5vmin,.9rem)!important;font-size:clamp(.75rem,1.75vmin,1.1rem)!important}.stats-table th:first-child,.stats-table td:first-child{width:6%!important}.stats-table th:nth-child(2),.stats-table td:nth-child(2){width:20%}.stats-table th:nth-child(3),.stats-table td:nth-child(3){width:22%}.stats-table th:nth-child(4),.stats-table td:nth-child(4){width:12%}.stats-table th:nth-child(n+5),.stats-table td:nth-child(n+5){width:8%}.stats-table td:nth-child(2),.stats-table td:nth-child(3){overflow-wrap:anywhere;white-space:normal}.score-actions{flex:none;justify-content:center;max-width:100%;gap:clamp(.35rem,1.5vw,1rem)!important;margin-top:0!important;padding-bottom:0!important}.score-actions .btn{white-space:nowrap;padding:clamp(.45rem,1.4vh,1rem) clamp(.6rem,2vw,2rem)!important;font-size:clamp(.65rem,2vmin,1.2rem)!important}@media (width<=650px){.points-label{display:none}.score-screen{border-radius:0}}@media (height<=560px){.score-screen{gap:.2rem!important;padding-top:.2rem!important;padding-bottom:.2rem!important}.score-summary-card{padding-top:.2rem!important;padding-bottom:.2rem!important}.score-table-heading{margin-bottom:.1rem!important}.stats-table th,.stats-table td{padding-top:.35rem!important;padding-bottom:.35rem!important}}.pause-overlay{z-index:450;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle,#8b5cf629,#0000 42%),#070a1cbd;place-items:center;padding:1rem;animation:.45s ease-out both pause-fade-in;display:grid;position:fixed;inset:0}.pause-card{text-align:center;background:linear-gradient(145deg,#1e1b4bf5,#0f172af7);border:1px solid #a78bfa66;border-radius:28px;width:min(92vw,430px);padding:2rem 2rem 1.6rem;animation:.65s cubic-bezier(.2,.85,.25,1.2) both pause-card-in;position:relative;overflow:hidden;box-shadow:0 28px 80px #0009,0 0 45px #8b5cf638}.pause-card h2{color:#f5f3ff;letter-spacing:.02em;margin:.25rem 0 .45rem;font:900 clamp(2rem,7vw,3rem)/1 Outfit,sans-serif}.pause-card p{color:#c4b5fd;max-width:310px;margin:0 auto;line-height:1.45}.pause-kicker{color:#a78bfa;letter-spacing:.22em;text-transform:uppercase;margin-top:1.2rem;font-size:.72rem;font-weight:800}.pause-clock{--pause-angle:360deg;background:conic-gradient(from -90deg, #c084fc var(--pause-angle), #ffffff14 0);filter:drop-shadow(0 0 18px #c084fc59);border-radius:50%;place-items:center;width:180px;height:180px;margin:0 auto;display:grid;position:relative}.pause-clock:before{content:"";border-radius:inherit;background:radial-gradient(circle at 50% 38%,#312e81,#17152e 72%);border:1px solid #ffffff1a;position:absolute;inset:9px;box-shadow:inset 0 0 24px #00000061}.pause-clock-content{z-index:1;color:#ddd6fe;flex-direction:column;align-items:center;gap:.35rem;display:flex;position:relative}.pause-clock-content svg{animation:2.4s ease-in-out infinite pause-cup-float}.pause-clock-content strong{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:0 0 18px #c084fca6;font:900 2.25rem/1 Outfit,monospace}.pause-steam{z-index:2;gap:.65rem;display:flex;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.pause-steam span{filter:blur(1px);background:linear-gradient(#0000,#ddd6feb3,#0000);border-radius:50%;width:4px;height:26px;animation:2.1s ease-in-out infinite pause-steam-rise}.pause-steam span:nth-child(2){animation-delay:.45s}.pause-steam span:nth-child(3){animation-delay:.9s}.pause-dots{justify-content:center;gap:.4rem;margin-top:1.2rem;display:flex}.pause-dots span{background:#a78bfa;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pause-dot}.pause-dots span:nth-child(2){animation-delay:.2s}.pause-dots span:nth-child(3){animation-delay:.4s}@keyframes pause-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pause-card-in{0%{opacity:0;transform:translateY(24px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pause-cup-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-5px)rotate(2deg)}}@keyframes pause-steam-rise{0%{opacity:0;transform:translateY(18px)scaleX(.7)}45%{opacity:.8}to{opacity:0;transform:translateY(-16px)scaleX(1.4)}}@keyframes pause-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}@media (height<=560px){.pause-card{padding:1rem 1.25rem}.pause-clock{width:130px;height:130px}.pause-kicker{margin-top:.65rem}}@media (prefers-reduced-motion:reduce){.pause-overlay,.pause-card,.pause-clock-content svg,.pause-steam span,.pause-dots span{animation:none}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}