:root{--bg: #0b0b0b;--panel: #ffffff;--muted: #6b6b6b;--accent: #000000;--danger: #d9534f}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(180deg,#0b0b0b,#1a1a1a);color:var(--panel);display:flex;align-items:center;justify-content:center;padding:24px}.container{width:400px;max-width:500px;background:var(--panel);color:#111;padding:28px;border-radius:12px;box-shadow:0 10px 30px #02020299;text-align:left}.container h2{margin:0 0 18px;font-size:20px;color:#0b0b0b}.form-row{margin-bottom:12px}label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}input[type=text],input[type=email],input[type=password]{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #e6e6e6;background:#fff;font-size:14px;color:#111}.actions{margin-top:16px;display:flex;gap:8px;align-items:center}button{padding:12px 16px;border-radius:8px;border:1px solid #111;background:#000;color:#fff;cursor:pointer;font-weight:600}button.secondary{background:transparent;color:#000;border:1px solid #e6e6e6}button:hover{opacity:.95;transform:translateY(-1px)}.message{margin-top:12px;font-size:large;color:#f1130b}@media (max-width: 480px){.container{padding:18px;border-radius:10px}input[type=text],input[type=email],input[type=password]{padding:10px 12px}}.form-row{margin-bottom:14px;text-align:left}label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:#333}input{width:100%;padding:12px;border-radius:8px;border:1px solid #ddd;font-size:14px;background:#fff;color:#111}input::placeholder{color:#9a9a9a}.login-text{margin-top:14px;font-size:14px;color:#333;text-align:center}.login-link{color:#000;font-weight:700;text-decoration:none}.login-link:hover{text-decoration:underline}