@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#030712;--bg2:#0b0f19;--bg3:rgba(15,23,42,.45);--border:hsla(0,0%,100%,.05);--border2:hsla(0,0%,100%,.12);--text:#e2e8f0;--text2:#94a3b8;--text3:#64748b;--accent:#00ffc8;--accent2:#a78bfa;--accent3:#60a5fa;--danger:#ff6b6b;--warn:#fbbf24;--success:#34d399;--font-mono:"IBM Plex Mono",monospace;--font-sans:"IBM Plex Sans",sans-serif;--glow-teal:0 0 15px rgba(0,255,200,.2);--glow-purple:0 0 15px rgba(167,139,250,.2);--glass-shadow:0 8px 32px 0 rgba(0,0,0,.4)}body{background:var(--bg);background-image:radial-gradient(at 0 0,rgba(0,255,200,.02) 0,transparent 50%),radial-gradient(at 100% 0,rgba(167,139,250,.03) 0,transparent 50%),radial-gradient(at 50% 100%,rgba(96,165,250,.01) 0,transparent 50%);color:var(--text);font-family:var(--font-sans);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px;background:var(--bg2)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:99px;border:1px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}button,input,select,textarea{font-family:var(--font-sans)}@keyframes pulseGlow{0%{box-shadow:0 0 5px rgba(0,255,200,.2)}50%{box-shadow:0 0 15px rgba(0,255,200,.6)}to{box-shadow:0 0 5px rgba(0,255,200,.2)}}@keyframes floatUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--accent),#00c8ff);color:#030712;box-shadow:var(--glow-teal)}.btn-primary:hover:not(:disabled){opacity:.95;transform:translateY(-1px);box-shadow:0 0 20px rgba(0,255,200,.4)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:hsla(0,0%,100%,.02);border:1px solid var(--border2);color:var(--text2)}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:rgba(0,255,200,.04);transform:translateY(-1px)}.btn-ghost:active:not(:disabled){transform:translateY(0)}.btn-danger{background:hsla(0,100%,71%,.06);border:1px solid hsla(0,100%,71%,.2);color:var(--danger)}.btn-danger:hover:not(:disabled){background:hsla(0,100%,71%,.15);border-color:var(--danger);transform:translateY(-1px);box-shadow:0 0 15px hsla(0,100%,71%,.15)}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-sm{padding:6px 12px;font-size:11px}.input{background:var(--bg2);border:1px solid var(--border2);color:var(--text);padding:10px 16px;border-radius:8px;font-size:13px;outline:none;width:100%;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,255,200,.08),inset 0 2px 4px rgba(0,0,0,.2)}.card{background:var(--bg3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:14px;box-shadow:var(--glass-shadow);transition:border-color .2s;animation:floatUp .35s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:hsla(0,0%,100%,.08)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.5px}.label{font-size:10px;color:var(--text3);letter-spacing:1.5px;text-transform:uppercase;font-weight:700}.divider{border:none;border-top:1px solid var(--border)}.grid2,.grid3,.grid4{display:grid;grid-gap:20px;gap:20px}.grid2{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid2,.grid3,.grid4{grid-template-columns:1fr!important;gap:16px}.card{border-radius:10px}header{padding:0 16px!important}main{padding:20px 16px!important}.btn{padding:8px 16px}}