*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#172554,#7f1d1d);display:flex;align-items:center;justify-content:center;color:#111827}.login-wrap{width:100%;max-width:440px;padding:18px}.login-card{background:#fff;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.28);padding:30px}.brand{text-align:center;margin-bottom:22px}.brand h1{font-size:26px;margin:0;color:#7f1d1d}.brand p{margin:6px 0 0;color:#6b7280;font-weight:700}.form-group{margin-bottom:18px}label{font-weight:800;font-size:14px;margin-bottom:8px;display:block}.input-box{display:flex;border:1px solid #d1d5db;border-radius:12px;overflow:hidden;background:#f9fafb}.prefix{padding:13px 12px;background:#e5e7eb;font-weight:800}input{width:100%;border:0;background:transparent;padding:13px;font-size:15px;outline:none}.otp-input{letter-spacing:8px;text-align:center;font-size:24px;font-weight:800}.btn{width:100%;border:0;border-radius:12px;background:#7f1d1d;color:white;font-weight:900;padding:13px 16px;cursor:pointer;font-size:15px}.btn:hover{background:#991b1b}.msg{border-radius:12px;padding:12px 14px;font-weight:700;margin-bottom:14px}.msg-error{background:#fee2e2;color:#991b1b}.msg-success{background:#dcfce7;color:#166534}.footer-text{text-align:center;margin-top:16px;color:#6b7280;font-size:13px;line-height:1.5}.link{display:inline-block;margin-top:12px;color:#7f1d1d;font-weight:800;text-decoration:none}