@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Share+Tech+Mono&display=swap";:root{--bg-dark:#0a0a0a;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#666;--accent:#fff;--border-color:#ffffff26;--accent-cyan:#fff;--neon-cyan:#fff;--neon-magenta:#bd00ff;--glass-border:#ffffff14;--font-display:"Outfit", sans-serif;--font-serif:"Outfit", sans-serif;--font-mono:"Share Tech Mono", monospace;--font-sans:"Inter", sans-serif;--font-orbitron:"Outfit", sans-serif;--font-syncopate:"Outfit", sans-serif;font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;background:linear-gradient(45deg,#000,#131317,#23232a,#0a0a0c) 0 0/400% 400%;min-height:100vh;animation:15s infinite gradientShift;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3}::-webkit-scrollbar-thumb:hover{background:#fff6}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.ambient-bg{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.background-video{object-fit:cover;opacity:.55;filter:saturate(.85)brightness(.6);width:100%;height:100%}.angular-shard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(45deg,#ffffff0f,#0006,#ffffff08);border:1px solid #ffffff14;border-radius:4px;animation:20s ease-in-out infinite shardFloat;position:absolute;box-shadow:0 8px 32px #ffffff08,inset 0 2px 4px #ffffff0d}@keyframes shardFloat{0%,to{transform:translateY(0)translate(0)rotate(45deg)skew(15deg,15deg)scale(1)}25%{transform:translateY(-40px)translate(25px)rotate(90deg)skew(-10deg,20deg)scale(1.05)}50%{transform:translateY(-15px)translate(-25px)rotate(160deg)skew(20deg,-10deg)scale(.95)}75%{transform:translateY(20px)translate(15px)rotate(220deg)skew(-5deg,-5deg)scale(1.02)}}.glass-particle{background:#ffffff4d;border:1px solid #ffffff1a;border-radius:50%;width:4px;height:4px;animation:8s ease-in-out infinite glassFloat;position:absolute;box-shadow:0 0 6px #ffffff26,inset 0 1px 1px #fff3}@keyframes glassFloat{0%,to{opacity:.4;transform:translateY(0)scale(1)}50%{opacity:.8;transform:translateY(-80px)scale(1.3)}}@keyframes border-trail-flow{0%{background-position:0%}to{background-position:200%}}.glass-panel{-webkit-backdrop-filter:blur(30px);background:#ffffff0d padding-box padding-box;border:1px solid #0000;border-radius:0;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 12px 40px #0009,inset 0 1px #ffffff1a}.glass-panel:before{content:"";z-index:-2;pointer-events:none;background:linear-gradient(90deg,#ffffff08 0% 35%,#ffffff59 50%,#ffffff08 65% 100%) 0 0/200% 100%;animation:6s linear infinite border-trail-flow;position:absolute;inset:-1px}.glass-panel:after{content:"";z-index:-1;pointer-events:none;background:#0a0a0dd9;transition:background .3s;position:absolute;inset:0}.glass-panel:hover{transform:translateY(-4px);box-shadow:0 20px 50px #000000d9,inset 0 1px #fff3}.glass-panel:hover:after{background:#121218f2}.glass-panel:hover:before{background:linear-gradient(90deg,#ffffff0d 0% 30%,#ffffffbf 50%,#ffffff0d 70% 100%) 0 0/200% 100%;animation-duration:3s}.shimmer-mask{position:relative;overflow:hidden}.shimmer-mask:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(45deg,#0000,#ffffff05,#0000000a,#ffffff03,#0000);width:200%;height:200%;animation:10s ease-in-out infinite panelShimmer;position:absolute;top:-50%;left:-50%}@keyframes panelShimmer{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}50%{transform:translate(100%)translateY(100%)rotate(45deg)}to{transform:translate(-100%)translateY(-100%)rotate(45deg)}}.feed-item-slide{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards messageLiquidSlide}@keyframes messageLiquidSlide{0%{opacity:0;filter:blur(8px);transform:translate(-30px)scale(.95)rotateY(-10deg)}to{opacity:1;filter:blur();transform:translate(0)scale(1)rotateY(0)}}.feed-item-slide:first-child{animation-delay:50ms}.feed-item-slide:nth-child(2){animation-delay:.15s}.feed-item-slide:nth-child(3){animation-delay:.25s}.feed-item-slide:nth-child(4){animation-delay:.35s}.neon-button{color:var(--text-primary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:0;padding:10px 20px;font-size:10px;transition:all .3s;position:relative}.neon-button:hover{color:#fff;background:#ffffff14;border-color:#fff6}.app-container{grid-template-columns:300px 1fr;gap:40px;max-width:1440px;min-height:100vh;margin:0 auto;padding:40px 20px;display:grid}@media (width<=1024px){.app-container{grid-template-columns:1fr;padding:20px 10px}}input,textarea,select{font-family:var(--font-mono)!important;color:var(--text-primary)!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:0!important;outline:none!important;font-size:11px!important;transition:all .3s!important}input:focus,textarea:focus,select:focus{border-color:#ffffff59!important}.nav-button{color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);letter-spacing:1px;text-align:left;background:0 0;border:none;border-left:2px solid #0000;border-radius:0;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:11px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.nav-button:before{content:"";z-index:0;background:linear-gradient(90deg,#ffffff0d,#0000);width:0%;height:100%;transition:width .3s;position:absolute;top:0;left:0}.nav-button>*{z-index:1;position:relative}.nav-button:hover{color:#fff;border-left-color:#fff6;transform:translate(6px)}.nav-button:hover:before{width:100%}.nav-button:active{filter:brightness(1.2);transform:scale(.97)translate(3px)}.nav-button.active{color:var(--accent-cyan);border-left-color:var(--accent-cyan);background:#ffffff0a;box-shadow:inset 0 0 12px #ffffff14}.nav-button.active:before{background:linear-gradient(90deg,#ffffff1a,#0000);width:100%}.nav-button.active-admin{color:#bd00ff;background:#ffffff0a;border-left-color:#bd00ff;box-shadow:inset 0 0 12px #bd00ff14}.nav-button.active-admin:before{background:linear-gradient(90deg,#bd00ff1f,#0000);width:100%}.nav-button.nav-admin:hover{border-left-color:#bd00ff80}.nav-button.nav-admin:hover:before{background:linear-gradient(90deg,#bd00ff14,#0000)}.neon-text-cyan{color:#fff!important;text-shadow:0 0 8px #ffffff59!important}.pulse-glow-cyan{border-color:#fff3!important;box-shadow:0 0 15px #ffffff1a!important}.animate-spin{animation:1.5s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}html.custom-cursor-active,html.custom-cursor-active *,body.custom-cursor-active,body.custom-cursor-active *{cursor:none!important}