*{box-sizing:border-box}body{margin:0;font-family:'Montserrat',sans-serif;background:radial-gradient(circle at top,#1a1a1a,#000 70%);color:#fff}.login-section{min-height:100vh;display:grid;place-items:center;padding:40px 20px}.login-card{width:100%;max-width:420px;background:#0f0f0f;border-radius:18px;padding:36px;box-shadow:0 20px 60px rgb(0 0 0 / .6)}.login-card h2{font-size:28px;font-weight:700;margin-bottom:6px}.subtitle{font-size:14px;color:#b0b0b0;margin-bottom:28px}.input-group{margin-bottom:18px}.input-group label{display:block;font-size:13px;margin-bottom:6px;color:#cfcfcf}.input-group input{width:100%;padding:12px 14px;background:#000;border:1px solid #2a2a2a;border-radius:8px;color:#fff;font-size:14px}.input-group input::placeholder{color:#666}.input-group input:focus{outline:none;border-color:#ff8a1e}.options{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:22px}.remember{color:#cfcfcf}.options a{color:#ff8a1e;text-decoration:none}.login-btn{width:100%;background:#fff;color:#000;border:none;padding:14px;font-size:14px;font-weight:600;border-radius:999px;cursor:pointer;transition:0.2s ease}.login-btn:hover{background:#ff8a1e;color:#000}.register-text{margin-top:20px;font-size:13px;color:#b0b0b0;text-align:center}.register-text a{color:#ff8a1e;text-decoration:none;font-weight:500}.auth-error{color:red;margin-top:12px}