*{ box-sizing:border-box;}
body{margin:0;min-height:100vh;font-family:Arial, sans-serif;background:radial-gradient(circle at top left, rgba(45,106,255,.18), transparent 35%),linear-gradient(135deg, #eef4ff, #ffffff 45%, #f7fbff); display:flex;align-items:center;justify-content:center;padding:24px;color:#162033;}
h1{margin:0;font-size:30px;color:#111827;text-align:center;}
.auth-card{width:100%;max-width:460px;background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(15,47,87,.16);overflow:hidden;border:1px solid rgba(15,47,87,.08);}
.auth-topbar{height:7px;background:linear-gradient(90deg,#0f2f57,#2d6aff,#5fd1ff);}
.auth-inner{padding:32px;}
.auth-row{display:flex;justify-content:space-between;align-items:center;margin:4px 0 18px;font-size:14px;}
.auth-link{color:#0f2f57;text-decoration:none;font-weight:700;}
.auth-link:hover{text-decoration:underline;}
.language-switch{text-align:center;margin-bottom:18px;font-size:14px;}
.language-switch a{color:#0f2f57;text-decoration:none;font-weight:700;}
.auth-brand{text-align:center;margin-bottom:22px;}
.auth-logo{font-size:28px;font-weight:800;color:#0f2f57;}
.auth-tagline{margin-top:6px;font-size:14px;color:#6b7280;}
.auth-badge{display:flex;gap:8px;align-items:center;justify-content:center;background:#eef5ff;color:#0f2f57;padding:10px 14px;border-radius:999px;font-size:14px;margin-bottom:18px;}
.auth-sub{text-align:center;color:#6b7280;line-height:1.6;margin:10px 0 24px;}
.message{padding:13px 14px;border-radius:14px;background:#fff2f2;color:#b42318;font-weight:700;margin-bottom:18px;line-height:1.5;}
.message.success{background:#ecfdf3;color:#067647;}
.field{margin-bottom:16px;}
.field label{display:block;font-weight:700;color:#374151;margin-bottom:7px;}
.field input{width:100%;padding:14px 15px;border:1px solid #d7deea;border-radius:14px;font-size:16px;outline:none;transition:.2s;}
.field input:focus{border-color:#2d6aff;box-shadow:0 0 0 4px rgba(45,106,255,.12);}
.password-field {position: relative;width: 100%;}
.password-field input {width: 100%;padding-inline-end: 52px;padding:14px 15px;}
.password-toggle {position: absolute;top: 50%;inset-inline-end: 10px;transform: translateY(-50%);width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;padding: 0;border: none;border-radius: 8px;background: transparent;cursor: pointer;font-size: 18px;line-height: 1;}
.password-toggle:hover {background: rgba(0, 0, 0, 0.06);}
.password-toggle:focus-visible {outline: 2px solid #2563eb;outline-offset: 2px;}
.trial-login-note {display: flex;align-items: flex-start;justify-content: center;gap: 8px;margin-top: 8px;padding: 12px 14px;border-radius: 10px;background: rgba(46, 204, 113, 0.1);font-size: 14px;line-height: 1.5;text-align: start;}
.trial-login-note span:first-child {flex-shrink: 0;}
.btn{width:100%;border:0;border-radius:14px;padding:14px 18px;font-size:16px;font-weight:800;cursor:pointer;transition:.2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;}
.btn-primary{background:#0f2f57;color:#fff;}
.btn-primary:hover{background:#173f72;transform:translateY(-1px);}
.btn-ghost{background:#f3f6fb;color:#0f2f57;margin-top:12px;}
.auth-footer{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:22px;font-size:14px;}
.auth-note{margin-top:18px;font-size:13px;color:#6b7280;text-align:center;line-height:1.5;}
[dir="rtl"] .field label{text-align:right;}
@media(max-width:600px){body{padding:16px;align-items:flex-start;}.auth-inner{padding:24px 20px;}h1{font-size:26px;}}