:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #283446;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--accent: #3b82f6;--danger: #ef4444;--success: #10b981;--radius: 8px}body{margin:0;font-family:Inter,system-ui,sans-serif;background-color:var(--bg-primary);color:var(--text-primary)}h1,h2,h3{margin:0}a{text-decoration:none;color:inherit}button{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:var(--bg-secondary);border-radius:var(--radius);padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.btn{padding:.5rem 1rem;border-radius:var(--radius);border:none;font-weight:500;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{opacity:.9}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.form-input{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);color:#fff;font-size:1rem}.form-input:focus{outline:2px solid var(--accent);border-color:transparent}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;color:var(--text-secondary);font-size:.9rem}