@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-card:#1a2332;--bg-card-hover:#1f2b3d;--border:#1e293b;--border-light:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#10b981;--accent-hover:#059669;--accent-light:#10b9811a;--accent-glow:#10b98126;--red:#ef4444;--red-light:#ef44441a;--blue:#3b82f6;--blue-light:#3b82f61a;--yellow:#f59e0b;--yellow-light:#f59e0b1a;--purple:#8b5cf6;--purple-light:#8b5cf61a;--gradient-green:linear-gradient(135deg, #10b981 0%, #059669 50%, #047857 100%);--gradient-hero:linear-gradient(135deg, #0a0e17 0%, #0f1923 50%, #0a1628 100%);--gradient-card:linear-gradient(135deg, #10b98108 0%, #3b82f608 100%);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-glow:0 0 30px #10b98126;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}.container{max-width:1280px;margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--gradient-green);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 40px #10b98140}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-card)}.btn-lg{border-radius:var(--radius-md);padding:16px 32px;font-size:16px}.btn-sm{padding:8px 16px;font-size:13px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;transition:all .3s}.card:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.card-glow:hover{box-shadow:var(--shadow-glow);border-color:#10b9814d}.input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:12px 16px;font-size:14px;transition:all .2s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.input::placeholder{color:var(--text-muted)}.label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.badge{border-radius:100px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-green{background:var(--accent-light);color:var(--accent);border:1px solid #10b98133}.badge-red{background:var(--red-light);color:var(--red);border:1px solid #ef444433}.badge-blue{background:var(--blue-light);color:var(--blue);border:1px solid #3b82f633}.badge-yellow{background:var(--yellow-light);color:var(--yellow);border:1px solid #f59e0b33}.text-green{color:var(--accent)}.text-red{color:var(--red)}.text-blue{color:var(--blue)}.text-yellow{color:var(--yellow)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-green{0%,to{box-shadow:0 0 #10b9814d}50%{box-shadow:0 0 0 8px #10b98100}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-fade-in{animation:.5s forwards fadeIn}.animate-slide-up{animation:.6s forwards slideUp}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:768px){.container{padding:0 16px}.btn-lg{padding:14px 24px;font-size:15px}}