@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a}#root{width:100%;min-height:100vh}@font-face{font-family:MinecraftTen;src:url(./assets/fonts/MinecraftTen.ttf)format("truetype");font-weight:400;font-style:normal}.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{z-index:1;height:28px;position:absolute;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;position:absolute;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}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}#docs{border-right: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 .button-icon{width:18px;height:18px}.sp-page{color:#fff;min-height:100vh;font-family:Rajdhani,Courier New,monospace;position:relative;overflow:hidden}.sp-video-bg{object-fit:cover;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.sp-overlay{z-index:1;background:#000000a6;position:fixed;inset:0}.sp-particles{z-index:2;pointer-events:none;inset:0;position:fixed!important}.sp-home-btn{z-index:200;-webkit-backdrop-filter:blur(14px);color:#ffb6d5;letter-spacing:.06em;cursor:pointer;background:#fff0f514;border:1px solid #ff6fae73;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-family:Rajdhani,monospace;font-size:.95rem;font-weight:700;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;display:flex;position:fixed;top:18px;left:18px;box-shadow:0 0 20px #ff6fae1f}.sp-home-btn:hover{color:#fff;background:#ff6fae2e;border-color:#ff6faeb3;box-shadow:0 0 30px #ff6fae4d}.sp-home-arrow{font-size:1.1rem;line-height:1}.sp-content{z-index:10;min-height:100vh;position:relative;overflow-y:auto}.sp-header{text-align:center;flex-direction:column;align-items:center;gap:.7rem;padding:5rem 2rem 2.5rem;display:flex}.sp-typing{color:#ff6fae;letter-spacing:.1em;text-shadow:0 0 10px #ff6fae;opacity:.9;align-items:center;gap:6px;font-family:monospace;font-size:.82rem;display:flex}.sp-typing-prompt{color:#ffb6d5;opacity:.6}.sp-cursor{vertical-align:middle;background:#ff6fae;width:2px;height:1em;margin-left:2px;display:inline-block}.sp-cursor-blink{animation:.8s step-end infinite sp-blink}@keyframes sp-blink{0%,50%{opacity:1}51%,to{opacity:0}}.sp-title{color:#f5c842;text-shadow:3px 3px #7a5c00;letter-spacing:6px;margin:0;font-size:clamp(2.6rem,7vw,4.5rem);font-weight:700;line-height:1.1}.sp-title-sub{color:#fff;letter-spacing:3px;margin:0;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:600}.sp-title-accent{color:#ff6fae;text-shadow:0 0 20px #ff6faeb3,0 0 40px #ff6fae4d}.sp-subtitle{color:#ffb6d5;letter-spacing:.04em;opacity:.85;max-width:460px;font-size:.95rem;font-weight:500}.sp-header-line{transform-origin:50%;background:linear-gradient(90deg,#0000,#ff6fae,#0000);border-radius:2px;width:200px;height:2px;margin-top:.5rem}.sp-cards{flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto;padding:3rem 2rem 4rem;display:flex}.sp-card{-webkit-backdrop-filter:blur(18px);cursor:pointer;will-change:transform;background:#fff0f50d;border:1px solid #ff6fae2e;border-radius:20px;width:300px;transition:transform .12s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 0 25px #ff6fae12,0 20px 40px #00000073}.sp-card:hover{border-color:#ff6fae80;box-shadow:0 0 50px #ff6fae33,0 24px 60px #0000008c}.sp-card-special{background:linear-gradient(135deg,#f5c84212 0%,#ff6fae0d 100%);border-color:#f5c84266;width:340px;overflow:visible;box-shadow:0 0 0 1px #f5c84233,0 0 50px #f5c8421a,0 20px 50px #00000080}.sp-card-special:hover{box-shadow:0 0 0 1px #f5c84280,0 0 70px #f5c8422e,0 0 40px #ff6fae1f,0 24px 60px #0009}.sp-glow-ring{z-index:-1;opacity:.38;filter:blur(4px);background:conic-gradient(#f5c842,#ff6fae,#ffb6d5,#f5c842);border-radius:22px;animation:4.5s linear infinite sp-spin;position:absolute;inset:-2px}@keyframes sp-spin{to{transform:rotate(360deg)}}.sp-card-stripe{border-radius:20px 20px 0 0;width:100%;height:3px}.sp-card-inner{text-align:center;flex-direction:column;align-items:center;gap:.55rem;padding:1.6rem 1.75rem 2rem;display:flex}.sp-emoji-badge{filter:drop-shadow(0 0 10px #ff6fae80);margin-bottom:.1rem;font-size:2.4rem;line-height:1}.sp-name-block{flex-direction:column;align-items:center;gap:2px;display:flex}.sp-name{color:#fff;letter-spacing:.04em;margin:0;font-size:1.3rem;font-weight:700}.sp-name-special{color:#f5c842;text-shadow:0 0 18px #f5c8428c;font-size:1.5rem}.sp-tag{color:#ff6fae;letter-spacing:.06em;opacity:.75;font-family:monospace;font-size:.72rem}.sp-role-pill{letter-spacing:.1em;text-transform:uppercase;color:#ff6fae;background:#ff6fae14;border:1px solid #ff6fae;border-radius:100px;padding:4px 14px;font-family:monospace;font-size:.68rem;font-weight:700}.sp-desc{color:#ffb6d5;opacity:.9;margin:.15rem 0;font-size:.86rem;font-weight:400;line-height:1.7}.sp-divider{background:linear-gradient(90deg,#0000,#ff6fae66,#0000);width:60px;height:1px;margin:.1rem 0}.sp-badges{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.sp-badge{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--bc,#ff6fae);color:var(--bc,#ff6fae);background:color-mix(in srgb, var(--bc,#ff6fae) 12%, transparent);box-shadow:0 0 8px color-mix(in srgb, var(--bc,#ff6fae) 18%, transparent);border-radius:100px;padding:3px 11px;font-size:.66rem;font-weight:700}.sp-socials{justify-content:center;align-items:center;gap:1rem;margin-top:.4rem;display:flex}.sp-social-wrap{cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:flex}.sp-social-icon{object-fit:contain;filter:brightness(.8);width:28px;height:28px;transition:filter .25s}.sp-social-wrap:hover .sp-social-icon{filter:brightness(1.35)drop-shadow(0 0 8px #ff6fae)}.sp-reveal{color:#ff6fae;white-space:nowrap;pointer-events:none;z-index:50;background:#0a000ff2;border:1px solid #ff6fae73;border-radius:8px;padding:5px 12px;font-family:monospace;font-size:.72rem;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 0 18px #ff6fae38}.sp-footer{text-align:center;color:#444;letter-spacing:.06em;padding:1.5rem 2rem 3rem;font-family:monospace;font-size:.75rem}.sp-content::-webkit-scrollbar{width:6px}.sp-content::-webkit-scrollbar-track{background:#0a0a0a}.sp-content::-webkit-scrollbar-thumb{background:#ff6fae;border-radius:3px}@media (width<=720px){.sp-card,.sp-card-special{width:90vw;max-width:340px}.sp-title{font-size:2.2rem}.sp-home-btn{z-index:9999;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ff6fae26;border:1px solid #ff6fae66;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .2s;position:fixed;top:20px;left:20px;box-shadow:0 0 15px #ff6fae66}.sp-home-btn:hover{transform:scale(1.05);box-shadow:0 0 25px #ff6fae}}