:root{
  --ix-navy:#040a1d;--ix-navy-2:#0a1733;--ix-blue:#153c73;--ix-blue-2:#205695;
  --ix-pink:#e4218a;--ix-green:#a8ca01;--ix-yellow:#ffb400;
  --ix-surface:#fff;--ix-muted:#6f7889;--ix-border:#e6e9ef;
}
*{box-sizing:border-box}
.auth-page{margin:0;min-height:100vh;background:#eef2f7;color:var(--ix-navy);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,46%) 1fr}
.auth-brand-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:58px 64px 38px;overflow:hidden;background:linear-gradient(145deg,#040a1d 0%,#07152f 52%,#0b2c59 100%);color:#fff}
.auth-brand-panel:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-190px;top:15%;background:radial-gradient(circle,rgba(32,86,149,.42),rgba(32,86,149,0) 68%)}
.auth-brand-panel:after{content:"";position:absolute;width:310px;height:310px;border-radius:50%;left:-130px;bottom:8%;background:radial-gradient(circle,rgba(228,33,138,.12),rgba(228,33,138,0) 70%)}
.auth-brand-stripe{position:absolute;top:0;left:0;right:0;height:5px;display:grid;grid-template-columns:repeat(4,1fr)}
.auth-brand-stripe span:nth-child(1){background:#040a1d}.auth-brand-stripe span:nth-child(2){background:#e4218a}.auth-brand-stripe span:nth-child(3){background:#a8ca01}.auth-brand-stripe span:nth-child(4){background:#ffb400}
.auth-brand-content,.auth-brand-footer{position:relative;z-index:1}
.auth-brand{display:inline-flex;align-items:center;gap:14px;color:#fff;text-decoration:none}
.auth-brand img{display:block;max-width:176px;max-height:58px;object-fit:contain}
.auth-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#153c73,#205695);box-shadow:0 12px 30px rgba(0,0,0,.22);font-weight:950;font-size:21px;letter-spacing:-.06em;color:#fff}
.auth-brand-copy{display:flex;flex-direction:column;min-width:0}.auth-brand-copy strong{font-size:18px;line-height:1.15}.auth-brand-copy small{margin-top:4px;color:#91a3bf;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.11em}
.auth-brand-message{max-width:610px;margin-top:80px}.auth-kicker{display:inline-block;color:#87a7d1;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.auth-brand-message h1{max-width:600px;margin:17px 0 18px;font-size:clamp(34px,4vw,57px);line-height:1.03;letter-spacing:-.045em}
.auth-brand-message p{max-width:560px;margin:0;color:#aebbd0;font-size:16px;line-height:1.8}
.auth-feature-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.auth-feature-row span{padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.055);color:#c6d1e2;font-size:11px;font-weight:750}
.auth-brand-footer{color:#657a98;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:48px;background:linear-gradient(180deg,#f8fafc,#eff3f8)}
.auth-form-wrap{width:100%;max-width:500px;padding:46px 44px;border:1px solid rgba(4,10,29,.07);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 28px 80px rgba(4,10,29,.11)}
.auth-form-wrap h2{margin:10px 0 9px;font-size:32px;line-height:1.1;letter-spacing:-.035em}.auth-lead{margin:0 0 30px;color:var(--ix-muted);font-size:14px;line-height:1.65}
.auth-mobile-brand{display:none;align-items:center;gap:12px;margin-bottom:28px}.auth-mobile-brand .auth-brand-mark{width:40px;height:40px;border-radius:12px;font-size:17px}.auth-mobile-brand strong{font-size:15px}
.auth-form{display:grid;gap:19px}.auth-field label{display:block;margin-bottom:8px;color:#17223a;font-size:12px;font-weight:850}.auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.auth-label-row a{margin-bottom:8px;color:#315a8c;text-decoration:none;font-size:11px;font-weight:800}.auth-label-row a:hover{color:var(--ix-pink)}
.auth-input-wrap{position:relative}.auth-input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);display:flex;color:#8190a6;pointer-events:none}.auth-input-wrap input{width:100%;height:52px;padding:0 15px 0 47px;border:1px solid #dfe4ec;border-radius:13px;background:#fbfcfe;color:var(--ix-navy);outline:none;font:600 14px/1 inherit;transition:.18s}.auth-input-wrap input:hover{border-color:#c7d0dd}.auth-input-wrap input:focus{border-color:#2f5e98;background:#fff;box-shadow:0 0 0 4px rgba(32,86,149,.09)}
.auth-submit{height:52px;border:0;border-radius:13px;background:linear-gradient(135deg,#0d2854,#205695);box-shadow:0 12px 28px rgba(21,60,115,.2);color:#fff;font:850 13px/1 inherit;cursor:pointer;transition:.18s}.auth-submit:hover{transform:translateY(-1px);background:linear-gradient(135deg,#0a2147,#17477f);box-shadow:0 16px 34px rgba(21,60,115,.28)}
.auth-alert{margin-bottom:20px;padding:12px 14px;border-radius:12px;font-size:12px;font-weight:700;line-height:1.5}.auth-alert-error{border:1px solid #f4c7dd;background:#fff3f8;color:#a81761}.auth-alert-success{border:1px solid #d9e8a3;background:#f9fce9;color:#617500}
.auth-security-note{display:flex;gap:9px;margin-top:22px;padding:13px 14px;border-radius:12px;background:#f4f7fb;color:#6f7d91;font-size:11px;line-height:1.55}.auth-security-note svg{margin-top:1px;flex:0 0 auto;color:#315a8c}
.auth-application-box{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding:16px;border:1px solid #e5eaf1;border-radius:15px;background:#fafbfd}.auth-application-box div{display:grid;gap:4px}.auth-application-box strong{font-size:12px}.auth-application-box span{color:#7c8695;font-size:11px}.auth-application-box a{flex:0 0 auto;padding:9px 11px;border-radius:9px;background:#f0f4fa;color:#183d6d;text-decoration:none;font-size:11px;font-weight:850}
.auth-back-link{display:inline-flex;align-items:center;gap:7px;margin-top:22px;color:#7c8798;text-decoration:none;font-size:11px;font-weight:800}.auth-back-link:hover{color:#153c73}
.auth-member .auth-brand-panel{background:linear-gradient(145deg,#040a1d 0%,#0a1733 50%,#153c73 100%)}.auth-member .auth-kicker{color:#7da4d8}
@media(max-width:900px){.auth-shell{display:block}.auth-brand-panel{display:none}.auth-form-panel{min-height:100vh;padding:24px}.auth-form-wrap{padding:36px 30px}.auth-mobile-brand{display:flex}}
@media(max-width:520px){.auth-form-panel{padding:16px}.auth-form-wrap{padding:30px 22px;border-radius:22px}.auth-form-wrap h2{font-size:26px}.auth-application-box{align-items:flex-start;flex-direction:column}}

/* V2.6.1 — Member login visual richness */
.auth-member .auth-form-panel{background:
 radial-gradient(circle at 88% 12%,rgba(21,60,115,.12),transparent 30%),
 radial-gradient(circle at 10% 88%,rgba(228,33,138,.07),transparent 28%),
 linear-gradient(180deg,#f4f7fb,#e9eff6)}
.auth-member .auth-form-wrap{box-shadow:0 30px 90px rgba(4,10,29,.16);border-color:#dfe6ef}
.auth-member .auth-form-wrap:before{content:"";display:block;width:46px;height:4px;margin-bottom:25px;border-radius:9px;background:linear-gradient(90deg,#e4218a 0 25%,#a8ca01 25% 50%,#ffb400 50% 75%,#153c73 75%)}