@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap";
:root{--background:#020617;--foreground:#f8fafc;--primary:#10b981;--primary-glow:#10b98166;--secondary:#1e293b;--accent:#0ea5e9;--success:#10b981;--warning:#f59e0b;--glass-bg:#0f172acc;--glass-border:#10b98133}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);background-image:radial-gradient(circle at 80% 20%,#10b9811a,#0000 30%),radial-gradient(circle at 20% 80%,#0ea5e91a,#0000 30%);min-height:100vh;font-family:Inter,sans-serif}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:12px;padding:24px;box-shadow:0 4px 30px #0003}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-weight:600;transition:all .3s}.btn-primary:hover{box-shadow:0 0 20px var(--primary-glow);transform:translateY(-2px)}.heading{background:linear-gradient(90deg,#34d399,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}