/* NAPOLCOM Mastery login campaign: study today, serve tomorrow. */
.auth-body{background:#06162c}.auth-layout{grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr)}
.auth-hero{isolation:isolate;position:relative;min-height:100vh;overflow:hidden;padding:42px clamp(34px,5.3vw,86px);background-color:#06182e!important;background-image:url('napolcom-login-hero-v2.png')!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important}
.auth-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,15,31,.92),rgba(3,15,31,.62) 38%,rgba(3,15,31,.06) 76%),linear-gradient(180deg,rgba(3,15,31,.16),transparent 55%,rgba(3,15,31,.7))!important}
.auth-hero:after{content:"";position:absolute;left:clamp(34px,5.3vw,86px);top:50%;z-index:-1;width:72px;height:3px;border-radius:10px;background:#d6a84c;box-shadow:0 0 28px rgba(214,168,76,.6)}
.auth-hero>div:nth-child(2){max-width:560px;transform:translateY(-2vh)}.auth-hero .kicker{color:#e7c36f!important}.auth-hero h1{max-width:520px;font-size:clamp(48px,5.1vw,78px);text-shadow:0 5px 28px rgba(0,0,0,.36)}.auth-hero h1 em{color:#e7c36f!important}.auth-hero>div>p:last-child{max-width:470px;color:#e4edf5;font-size:14px}.auth-hero .quote{padding-left:18px;border-left:2px solid #d6a84c;color:#f0f4f8}
.auth-brand{padding:10px 14px 10px 10px;width:max-content;border-radius:16px;background:rgba(3,15,31,.56);backdrop-filter:blur(12px)}
.auth-form{position:relative;background:linear-gradient(155deg,#f8fafc,#eef3f8)}.auth-form:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 3%,rgba(214,168,76,.16),transparent 30%);pointer-events:none}.auth-form>div{position:relative;width:min(430px,100%);padding:35px;border:1px solid rgba(255,255,255,.9);border-radius:26px;background:rgba(255,255,255,.84);box-shadow:0 28px 80px rgba(7,26,51,.14);backdrop-filter:blur(18px)}
.auth-form h2{color:#071a33;letter-spacing:-1px}.auth-form input{min-height:48px;background:#fff;border-color:#ccd7e2}.auth-form input:focus{border-color:#b48832;box-shadow:0 0 0 4px rgba(214,168,76,.15)}.login-role-picker input:checked+span{border-color:#b48832;background:#fff8e9;color:#071a33;box-shadow:0 0 0 2px rgba(214,168,76,.14)}.login-role-picker input:checked+span i{border-color:#b48832;background:#b48832}.auth-form .btn.primary{min-height:52px;font-size:12px;letter-spacing:.3px}.new-user-card{background:linear-gradient(135deg,#eef4fa,#fff9ed);border-color:#dce4ec}
@media(max-width:980px){.auth-layout{display:block;background:#f5f8fb}.auth-hero{display:flex!important;min-height:min(92vh,820px);padding:22px 20px 30px;background-position:center!important;background-size:contain!important;justify-content:flex-start}.auth-hero:before{background:linear-gradient(180deg,rgba(3,15,31,.08),rgba(3,15,31,.12) 48%,rgba(3,15,31,.88))!important}.auth-hero:after{display:none}.auth-hero>div:nth-child(2){margin-top:auto;transform:none}.auth-hero h1{max-width:500px;margin-bottom:8px;font-size:clamp(36px,8.5vw,55px)}.auth-hero>div:nth-child(2)>p:last-child,.auth-hero .quote{display:none}.auth-form{margin-top:-24px;padding:20px 15px 42px;border-radius:28px 28px 0 0}.auth-form>div{padding:26px 20px;border-radius:22px}}
@media(max-width:520px){.auth-hero{min-height:78vh;background-position:center!important;background-size:contain!important}.auth-brand small{display:none}.auth-form h2{font-size:33px}}