.portal-login{--text-dark-primary:#283742;--brand-teal:#0098a7;background:#fff}
.portal-login .auth-wrapper{background:#fff;min-height:100svh}
.portal-login .auth-hero{flex-basis:56%;padding:42px 52px;min-height:100svh}
.portal-login .auth-hero-bg{background-image:linear-gradient(180deg,rgba(13,17,27,.48) 0%,rgba(13,17,27,.40) 28%,rgba(13,17,27,.78) 68%,rgba(13,17,27,.95) 100%),url('../assets/images/halic-sunset.png');background-position:center;background-size:cover}
.portal-login .auth-hero-pattern{display:none}
.portal-login .auth-logo-img{height:104px;max-width:210px;filter:none}
.portal-login .auth-portal-tag{background:#ffffff14;border:1px solid #ffffff40;border-radius:2px;font-size:10px;letter-spacing:.12em;padding:8px 12px}
.portal-login .auth-hero-content{max-width:620px;margin-top:100px;padding:25px 0 70px}
.portal-login .auth-hero-badge{border:0;background:none;padding:0;font-size:10px;letter-spacing:.17em;color:#bce7e9;margin-bottom:22px}
.portal-login .auth-hero-title{font-size:clamp(36px,4vw,60px);font-weight:500;letter-spacing:-.05em;line-height:1.12;margin-bottom:24px}
.portal-login .auth-hero-title span{color:#0098a7}
.portal-login .auth-hero-desc{font-size:15px;line-height:1.9;color:#e5eef0;max-width:490px}
.portal-login .auth-home-link{display:inline-flex;gap:36px;margin-top:28px;font-size:13px;color:#fff;border-bottom:1px solid #ffffff70;padding-bottom:8px}
.portal-login .auth-hero-footer{font-size:10px;color:#cedcde;gap:14px;flex-wrap:wrap;line-height:1.7}
.portal-login .auth-panel{background:#fff;flex-basis:44%;padding:50px;display:flex;align-items:center}
.portal-login .auth-panel-inner{max-width:390px;width:100%;margin:auto}
.portal-login .auth-title{font-size:30px;letter-spacing:-.04em;font-weight:500;color:#283742}
.portal-login .auth-subtitle{font-size:14px;line-height:1.8;color:#7a858c;margin-top:12px}
.portal-login .auth-header{margin-bottom:32px}
.portal-login .form-label{font-size:12px;color:#283742;font-weight:500}
.portal-login .input-with-icon .form-control{padding-left:16px;height:54px;background:#f8fafb;border:1px solid #e0e6e9;border-radius:3px;font-size:13px}
.portal-login #login-password{padding-right:70px}
.portal-login .password-toggle-btn{font-size:11px;color:#687b85;right:15px}
.portal-login .btn-primary{height:54px;background:#0098a7;border-radius:0;box-shadow:none;font-size:13px}
.portal-login .forgot-link{font-size:11px;color:#008c99}
.portal-login .login-preview{display:flex;justify-content:space-between;border-block:1px solid #e5eaec;padding:18px 0;margin-top:26px;font-size:11px;color:#869198}
.portal-login .login-preview a{color:#008c99}
.portal-login .auth-footer{font-size:12px;gap:6px;flex-wrap:wrap;margin-top:24px}
.portal-login .auth-security-notice{background:none;border:0;padding:0;font-size:10px;line-height:1.8;color:#869198;margin-top:28px}
.portal-login :focus-visible{outline:2px solid #0098a7;outline-offset:4px}
@media(max-width:1100px){.portal-login .auth-hero{padding:32px}.portal-login .auth-panel{padding:32px}.portal-login .auth-hero-title{font-size:40px}}
@media(max-width:767px){.portal-login .auth-wrapper{flex-direction:column}.portal-login .auth-hero{display:flex;min-height:450px;padding:26px}.portal-login .auth-logo-img{height:80px}.portal-login .auth-hero-content{margin-top:35px;padding:0 0 28px}.portal-login .auth-hero-title{font-size:36px}.portal-login .auth-hero-desc{font-size:13px}.portal-login .auth-hero-footer{display:none}.portal-login .auth-panel{padding:36px 24px}.portal-login .auth-header-logo-mobile{display:none}.portal-login .auth-title{font-size:28px}.portal-login .auth-portal-tag{font-size:8px;padding:6px}}
@media(prefers-reduced-motion:reduce){.portal-login *{animation:none!important;transition:none!important}}

@media(min-width:768px) and (max-width:992px){.portal-login .auth-hero{min-height:520px;flex:none}.portal-login .auth-hero-content{margin-top:50px;padding-bottom:36px}.portal-login .auth-panel{flex:none;padding:45px}.portal-login .auth-header-logo-mobile{display:none}}

/* Registration shares the login hero, with room for the longer form. */
.portal-register .auth-panel{padding-top:82px;padding-bottom:40px}
.portal-register .auth-panel-inner{max-width:460px}
.portal-register .auth-title{font-size:28px}
.portal-register .auth-header{margin-bottom:24px}
.portal-register .form-group{margin-bottom:16px}
.portal-register .form-grid-2{gap:14px}
.portal-register .form-control{width:100%;height:48px;padding:12px 14px;background:#f8fafb;border:1px solid #e0e6e9;border-radius:3px;font-size:13px;color:#283742}
.portal-register .input-with-icon .form-control{height:48px;padding-left:14px}
.portal-register .success-card{border-radius:4px}
html[data-theme="dark"] .portal-register .success-card{background:var(--portal-surface);color:var(--portal-text)}
@media(min-width:993px){.portal-register .auth-hero{position:sticky;top:0;height:100svh;min-height:760px;flex-shrink:0;align-self:flex-start}.portal-register .auth-hero-content{margin-top:40px;padding-bottom:40px}}
@media(max-width:992px){.portal-register .auth-panel{padding-top:76px}}
@media(max-width:767px){.portal-register .auth-panel{padding:30px 24px}.portal-register .auth-title{font-size:26px}}
@media(max-width:600px){.portal-register .form-grid-2{grid-template-columns:1fr;gap:0}}