*{box-sizing:border-box}body{margin:0;padding:40px 18px;background:#f6f6f6;color:#111;font-family:Arial,sans-serif}.auth-card{width:100%;max-width:560px;margin:0 auto;padding:30px;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.08)}.auth-logo{display:block;width:auto;height:80px;margin-bottom:18px}h1,h2{margin:0 0 8px;font-size:26px}p{margin:0 0 22px;color:#666;line-height:1.5}label{display:block;margin-top:18px;font-size:14px;font-weight:700}input{width:100%;margin-top:8px;padding:12px 14px;border:1px solid #ccc;border-radius:10px;font-family:Arial,sans-serif;font-size:15px}input:focus{border-color:#0f4ed8;outline:3px solid rgba(15,78,216,.12)}button,.auth-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin-top:24px;padding:12px 16px;border:0;border-radius:10px;background:#111;color:#fff;cursor:pointer;font-size:15px;font-weight:700;text-decoration:none}button:hover,.auth-btn:hover{background:#333}.auth-btn.blue{background:#0f4ed8}.auth-btn.blue:hover{background:#0b3dab}.auth-btn.secondary{border:1px solid #cfd6df;background:#fff;color:#374151}.auth-btn.secondary:hover{background:#f3f4f6}.alert{margin:16px 0 8px;padding:12px 14px;border-radius:10px;font-size:14px;font-weight:600;line-height:1.5}.alert.error{border:1px solid #f5c2c7;background:#f8d7da;color:#842029}.alert.success{border:1px solid #badbcc;background:#d1e7dd;color:#0f5132}.auth-links{display:flex;justify-content:space-between;gap:14px;margin-top:18px;font-size:14px}.auth-links a{color:#0f4ed8;font-weight:700;text-decoration:none}.auth-links a:hover{text-decoration:underline}.hint{margin-top:6px;color:#888;font-size:12px;line-height:1.45}.button-stack{display:grid;gap:10px}.button-stack .auth-btn{margin-top:0}@media(max-width:520px){body{padding:18px 12px}.auth-card{padding:22px;border-radius:14px}.auth-links{align-items:flex-start;flex-direction:column}}