:root{--navy:#0d2b4e;--navy2:#1a3f6f;--gold:#fd7a00;--gold2:#e8b96a;--cream:#faf7f2;--muted:#6b7280;--border:#e2d9cc;--danger:#dc2626;--success:#16a34a}body{background:var(--cream);font-family:DM Sans,sans-serif;min-height:100vh}.auth-box{border-radius:20px;box-shadow:0 20px 60px rgba(13,43,78,.16);max-width:1080px;min-height:600px;overflow:hidden;width:100%}.panel-left{background:var(--navy);overflow:hidden;position:relative}.panel-left .bg-photo{-webkit-filter:saturate(.5);filter:saturate(.5);height:100%;inset:0;-o-object-fit:cover;object-fit:cover;opacity:.18;position:absolute;width:100%}.panel-left .overlay{height:100%;position:relative;z-index:2}.inst-badge{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:999px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.inst-badge-dot{background:var(--gold);border-radius:50%;height:28px;width:28px}.inst-badge-dot svg{fill:#fff;height:14px;width:14px}.panel-title{color:#fff;font-size:clamp(1.8rem,2.8vw,2.8rem);line-height:1.15}.panel-title span{color:var(--gold2)}.accent-bar{background:var(--gold);border-radius:2px;height:3px;width:44px}.feat-card{background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.12);border-radius:12px}.feat-icon{-ms-flex-negative:0;background:rgba(201,150,58,.2);border:1px solid rgba(201,150,58,.35);border-radius:10px;flex-shrink:0;height:38px;width:38px}.feat-icon svg{stroke:var(--gold2);fill:none;stroke-width:1.8;height:18px;width:18px}.panel-right{background:var(--cream);border-left:1px solid var(--border)}.form-logo{background:var(--navy);border-radius:13px;height:48px;width:48px}.form-logo svg{fill:var(--gold2);height:24px;width:24px}.form-title{color:var(--navy);font-size:1.8rem;line-height:1.2}.form-label{font-size:.9rem!important;margin-bottom:.25rem}.form-control{background:#fff!important;border:1.5px solid var(--border)!important;border-radius:10px!important;color:#1c1c1c!important;font-size:.95rem!important;padding:.7rem 2.6rem .7rem 1rem!important;transition:border-color .2s,box-shadow .2s!important}.form-control:focus{border-color:var(--navy2)!important;box-shadow:0 0 0 3px rgba(26,63,111,.12)!important}.form-control.is-invalid{border-color:var(--danger)!important;box-shadow:none!important}.input-wrap{position:relative}.field-icon{stroke:var(--muted);fill:none;stroke-width:1.8;height:17px;pointer-events:none;right:.9rem;width:17px}.field-icon,.toggle-pass{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.toggle-pass{background:none;border:none;color:var(--muted);cursor:pointer;line-height:0;padding:0;right:.85rem}.toggle-pass svg{stroke:currentColor;fill:none;stroke-width:1.8;height:18px;width:18px}.btn-primary-auth{background:var(--navy)!important;border:none!important;border-radius:10px!important;color:#fff!important;font-family:DM Sans,sans-serif!important;font-weight:500!important;transition:background .2s,-webkit-transform .1s!important;transition:background .2s,transform .1s!important;transition:background .2s,transform .1s,-webkit-transform .1s!important}.btn-primary-auth:hover{background:var(--navy2)!important}.btn-primary-auth:active{-webkit-transform:scale(.98)!important;transform:scale(.98)!important}.btn-primary-auth svg{stroke:#fff;fill:none;stroke-width:2;height:18px;width:18px}.btn-secondary-auth{background:transparent!important;border:1.5px solid var(--border)!important;border-radius:10px!important;color:#1c1c1c!important;font-family:DM Sans,sans-serif!important;transition:border-color .2s,background .2s!important}.btn-secondary-auth:hover{background:rgba(13,43,78,.04)!important;border-color:var(--navy2)!important}.btn-secondary-auth svg{height:20px;width:20px}.sep-line{-ms-flex-align:center;align-items:center;color:var(--muted);display:-ms-flexbox;display:flex;font-size:.82rem;gap:.75rem}.sep-line:after,.sep-line:before{background:var(--border);content:"";-ms-flex:1;flex:1;height:1px}.auth-link{color:var(--navy2);font-size:.88rem;font-weight:500;text-decoration:none}.auth-link:hover{color:var(--gold);text-decoration:underline}.back-link{color:var(--muted);font-size:.87rem;text-decoration:none;transition:color .15s}.back-link:hover{color:var(--navy)}.back-link svg{stroke:currentColor;fill:none;stroke-width:2;height:16px;width:16px}.otp-input{background:#fff!important;border:1.5px solid var(--border)!important;border-radius:12px!important;caret-color:transparent;color:var(--navy)!important;font-size:1.4rem!important;font-weight:600!important;height:56px!important;padding:.5rem!important;text-align:center!important;transition:border-color .2s,box-shadow .2s!important;width:52px!important}.otp-input:focus{border-color:var(--navy2)!important;box-shadow:0 0 0 3px rgba(26,63,111,.12)!important;outline:none!important}.otp-input.filled{background:rgba(13,43,78,.04)!important;border-color:var(--navy)!important}.strength-bar-wrap{background:var(--border);border-radius:999px;height:4px;overflow:hidden}.strength-bar{border-radius:999px;height:100%;transition:width .3s,background .3s}.success-circle{background:rgba(22,163,74,.1);border:2px solid rgba(22,163,74,.25);border-radius:50%;height:80px;width:80px}.success-circle svg{stroke:var(--success);fill:none;stroke-width:2.2;height:36px;width:36px}.context-icon{background:rgba(13,43,78,.07);border:1px solid var(--border);border-radius:14px;height:56px;width:56px}.context-icon svg{stroke:var(--navy2);fill:none;stroke-width:1.8;height:26px;width:26px}@media (max-width:767px){.panel-right{border-left:none}.auth-box{border-radius:16px}}