@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Syne+Mono&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--surface: #111118;--border: #1e1e2e;--accent: #7fffb2;--accent2: #ff6b6b;--accent3: #6b8fff;--text: #e8e8f0;--text-muted: #6b6b80;--font-display: "Syne", sans-serif;--font-mono: "Syne Mono", monospace}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-display);overflow-x:hidden}#root{min-height:100vh}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:48px 48px;opacity:.4;pointer-events:none;z-index:0}.header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2.5rem;background:#0a0a0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);animation:slideDown .5s ease both}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.logo{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.1rem;letter-spacing:-.02em}.logo-mark{color:var(--accent);font-size:.9rem}.logo-accent{color:var(--accent)}.nav{display:flex;gap:.25rem}.nav-item{background:none;border:none;color:var(--text-muted);font-family:var(--font-display);font-size:.85rem;font-weight:500;padding:.4rem .9rem;border-radius:6px;cursor:pointer;transition:color .2s,background .2s}.nav-item:hover{color:var(--text);background:var(--border)}.nav-item.active{color:var(--bg);background:var(--accent)}.clock{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);min-width:80px;text-align:right}.main{flex:1;padding:4rem 2.5rem 2rem;max-width:1100px;width:100%;margin:0 auto;position:relative;z-index:1}.hero{margin-bottom:3.5rem;animation:fadeUp .6s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-tag{display:inline-block;font-family:var(--font-mono);font-size:.75rem;color:var(--accent);border:1px solid var(--accent);padding:.25rem .75rem;border-radius:999px;margin-bottom:1.5rem;letter-spacing:.04em}.hero-title{font-size:clamp(2.8rem,7vw,5.5rem);font-weight:800;line-height:1;letter-spacing:-.04em;margin-bottom:1.25rem}.hero-accent{color:var(--accent)}.hero-sub{color:var(--text-muted);font-size:1.05rem;line-height:1.6;margin-bottom:2rem;max-width:480px}.hero-actions{display:flex;gap:1rem}.btn-primary{background:var(--accent);color:var(--bg);border:none;font-family:var(--font-display);font-weight:700;font-size:.9rem;padding:.7rem 1.5rem;border-radius:8px;cursor:pointer;transition:transform .15s,opacity .15s}.btn-primary:hover{opacity:.85;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border);font-family:var(--font-display);font-weight:600;font-size:.9rem;padding:.7rem 1.5rem;border-radius:8px;cursor:pointer;transition:border-color .15s,transform .15s}.btn-ghost:hover{border-color:var(--text-muted);transform:translateY(-1px)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:3rem;animation:fadeUp .6s .15s ease both}@media (max-width: 700px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.25rem;transition:border-color .2s}.stat-card:hover{border-color:var(--accent)}.stat-value{font-size:2rem;font-weight:800;letter-spacing:-.04em;color:var(--accent)}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;animation:fadeUp .5s .1s ease both}.panel-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.5rem}.panel-title{font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.panel-count{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media (max-width: 700px){.stack-grid{grid-template-columns:repeat(2,1fr)}}.stack-card{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:10px;transition:border-color .2s,background .2s;animation:fadeUp .4s ease both;cursor:default}.stack-card:hover{border-color:var(--card-color, var(--accent));background:#ffffff05}.stack-dot{width:10px;height:10px;border-radius:50%;background:var(--card-color, var(--accent));flex-shrink:0;box-shadow:0 0 8px var(--card-color, var(--accent))}.stack-info{flex:1;min-width:0}.stack-name{display:block;font-weight:700;font-size:.9rem;letter-spacing:-.01em}.stack-desc{display:block;font-size:.72rem;color:var(--text-muted);margin-top:1px}.stack-version{font-family:var(--font-mono);font-size:.7rem;color:var(--card-color, var(--accent));white-space:nowrap}.deploy-list{display:flex;flex-direction:column;gap:.75rem}.deploy-step{display:flex;align-items:flex-start;gap:1.25rem;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:10px;transition:border-color .2s;animation:fadeUp .4s ease both}.deploy-step:hover{border-color:var(--accent)}.step-num{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);font-weight:700;padding-top:2px}.step-body{flex:1}.step-cmd{display:block;font-family:var(--font-mono);font-size:.9rem;color:var(--text);margin-bottom:.2rem}.step-desc{font-size:.78rem;color:var(--text-muted)}.docs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 700px){.docs-grid{grid-template-columns:1fr}}.doc-card{padding:1.25rem;border:1px solid var(--border);border-radius:10px;transition:border-color .2s}.doc-card:hover{border-color:var(--accent3)}.doc-title{font-family:var(--font-mono);font-size:.85rem;color:var(--accent3);margin-bottom:.5rem}.doc-desc{font-size:.82rem;color:var(--text-muted);line-height:1.55}.footer{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);position:relative;z-index:1}.footer-status{display:flex;align-items:center;gap:.4rem;color:var(--accent)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}