:root{--bg:#0b0b12;--card:#151526;--accent:#A64DFF;--accent2:#E448D8;--text:#E9E9F1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px system-ui}header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #222}nav a{color:#ddd;margin-right:12px;text-decoration:none}.container{max-width:1100px;margin:24px auto;padding:0 16px}.card{background:#121224;border:1px solid #2a2a41;border-radius:12px;padding:16px}.btn{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;border-radius:10px;padding:10px 14px;cursor:pointer}.login{display:grid;place-items:center;height:100vh}.error{background:#3b1220;color:#ffb3c1;border:1px solid #61223a;padding:8px;border-radius:10px;margin-bottom:8px}label{display:block;margin:.5rem 0}input,select{width:100%;padding:10px;border-radius:10px;background:#111425;border:1px solid #2b2e4a;color:#e8e8f9}