:root{
 --id-primary:#075dcc;--id-dark:#064596;--id-soft:#eaf3ff;--id-navy:#10233f;
 --id-text:#28394f;--id-muted:#6d7d90;--id-border:#dce5ef;--id-danger:#d54857;
}
html,body{min-height:100%}
body{margin:0;font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:var(--id-text);
background:radial-gradient(circle at 12% 10%,rgba(7,93,204,.08),transparent 25%),
radial-gradient(circle at 90% 85%,rgba(14,159,192,.07),transparent 25%),#f4f8fc}
.identity-auth-shell,.identity-auth-shell *{box-sizing:border-box}
.identity-auth-shell{width:100%;min-height:100vh;display:grid;place-items:center;padding:28px;direction:rtl}
.identity-auth-card{width:min(1040px,100%);min-height:610px;display:grid;
grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);overflow:hidden;
border:1px solid var(--id-border);border-radius:28px;background:#fff;
box-shadow:0 28px 80px rgba(15,35,65,.15)}
.identity-auth-visual{position:relative;isolation:isolate;display:flex;align-items:flex-start;
justify-content:center;flex-direction:column;padding:52px 46px;overflow:hidden;color:#fff;
background:radial-gradient(circle at 80% 18%,rgba(73,221,239,.30),transparent 31%),
radial-gradient(circle at 12% 92%,rgba(63,126,205,.35),transparent 35%),
linear-gradient(145deg,#061d36 0%,#064777 54%,#0785bd 100%)}
.identity-auth-visual:before{content:"";position:absolute;z-index:-1;top:-170px;inset-inline-end:-115px;
width:420px;height:420px;border:1px solid rgba(255,255,255,.1);border-radius:50%;
box-shadow:0 0 0 52px rgba(255,255,255,.035),0 0 0 104px rgba(255,255,255,.018)}
.identity-auth-visual-icon{width:76px;height:76px;display:grid;place-items:center;margin-bottom:22px;
color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:23px;background:rgba(255,255,255,.13);
font-size:2rem}
.identity-eyebrow{display:inline-flex;align-items:center;min-height:30px;margin-bottom:12px;padding:5px 11px;
color:#c9f4ff;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.08);
font-size:.72rem;font-weight:850}
.identity-auth-visual h1{max-width:430px;margin:0;color:#fff;font-size:clamp(2rem,4vw,3rem);
line-height:1.25;font-weight:900;letter-spacing:-.03em}
.identity-auth-visual p{max-width:430px;margin:15px 0 0;color:rgba(239,250,255,.83);
font-size:.91rem;line-height:1.9}
.identity-auth-security{min-height:40px;display:inline-flex;align-items:center;gap:8px;margin-top:30px;
padding:9px 12px;color:rgba(245,252,255,.95);border:1px solid rgba(255,255,255,.16);
border-radius:12px;background:rgba(255,255,255,.09);font-size:.75rem;font-weight:800}
.identity-auth-content{display:flex;justify-content:center;flex-direction:column;padding:48px 54px;background:#fff}
.identity-auth-heading{margin-bottom:28px}
.identity-auth-heading>span{display:block;margin-bottom:5px;color:var(--id-primary);font-size:.72rem;font-weight:900}
.identity-auth-heading h2{margin:0;color:var(--id-navy);font-size:clamp(1.7rem,3vw,2.15rem);
line-height:1.3;font-weight:900}
.identity-auth-heading p{margin:8px 0 0;color:var(--id-muted);font-size:.82rem;line-height:1.7}
.identity-form{width:100%}.identity-field{margin-bottom:18px}
.identity-field>label{display:flex;align-items:center;gap:7px;margin-bottom:7px;color:#4b5f75;
font-size:.76rem;font-weight:850}.identity-field>label i{color:var(--id-primary)}
.identity-input-wrap{position:relative}.identity-input-wrap input{width:100%;height:48px;padding:10px 13px;
color:var(--id-text);border:1px solid var(--id-border);border-radius:13px;outline:none;background:#fbfcfe;
font-size:.8rem;transition:.17s}.identity-input-wrap input:focus{border-color:rgba(7,93,204,.55);
background:#fff;box-shadow:0 0 0 4px rgba(7,93,204,.075)}
.identity-password-wrap input{padding-inline-end:48px}
.identity-password-toggle{position:absolute;top:50%;inset-inline-end:8px;width:34px;height:34px;display:grid;
place-items:center;padding:0;color:#6c7e91;border:0;border-radius:9px;background:transparent;
transform:translateY(-50%);cursor:pointer}.identity-password-toggle:hover{color:var(--id-primary);background:var(--id-soft)}
.identity-validation{display:block;margin-top:5px;color:var(--id-danger);font-size:.68rem}
.identity-validation-summary{margin-bottom:16px;padding:10px 12px;color:#a83240;border:1px solid #efcbd0;
border-radius:11px;background:#fff1f3;font-size:.72rem}.identity-validation-summary:empty{display:none}
.identity-btn{min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
padding:10px 15px;border:1px solid transparent;border-radius:13px;font-size:.78rem;font-weight:900;
text-decoration:none;cursor:pointer;transition:.17s}.identity-btn:hover{transform:translateY(-1px)}
.identity-btn-primary{color:#fff;border-color:var(--id-primary);
background:linear-gradient(135deg,var(--id-primary),var(--id-dark));box-shadow:0 10px 24px rgba(7,93,204,.18)}
.identity-btn-primary:hover{color:#fff}.identity-btn-block{width:100%}
.identity-auth-bottom-link{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;
margin-top:19px;color:var(--id-muted);font-size:.74rem}
.identity-auth-bottom-link a{color:var(--id-primary);font-weight:900;text-decoration:none}
.identity-auth-bottom-link a:hover{text-decoration:underline}
@media(max-width:900px){.identity-auth-shell{align-items:start;padding:18px}.identity-auth-card{min-height:auto;
grid-template-columns:1fr}.identity-auth-visual{min-height:285px;padding:35px 30px}
.identity-auth-content{padding:36px 32px}}
@media(max-width:540px){.identity-auth-shell{padding:10px}.identity-auth-card{border-radius:19px}
.identity-auth-visual{min-height:250px;padding:27px 22px}.identity-auth-visual-icon{width:58px;height:58px;
margin-bottom:15px;border-radius:17px;font-size:1.45rem}.identity-auth-visual h1{font-size:1.65rem}
.identity-auth-visual p{font-size:.78rem}.identity-auth-content{padding:28px 20px}}