body .pages-bbs:has(.login-modern) {width:calc(100% - 48px);max-width:1400px;margin:28px auto 40px;padding:28px;border:1px solid #e2e8f0;border-radius:22px;background:#f6f8fb;box-shadow:0 18px 45px rgba(20,51,82,.08)}
body .pages-bbs:has(.login-modern)>.row {align-items:stretch}
.login-modern {margin:0;padding:0 14px 0 0}
.login-card {height:100%;overflow:hidden;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(20,51,82,.06)}
.login-intro {padding:38px 42px 34px;background:#82aacd}
.login-eyebrow {margin:0 0 8px;color:#edf8ff;font-size:.82rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.login-intro h1 {margin:0 0 11px;color:#fff!important;font-size:clamp(2rem,3.5vw,2.8rem);line-height:1.08}
.login-intro>p:last-child {margin:0;color:#fff;font-size:1.08rem;line-height:1.6}
.login-form-panel {padding:42px;background:#bdd7ee}
.login-modern form {max-width:680px;margin:0 auto}
.login-modern .form-group {display:block;margin:0 0 22px}
.login-modern label {display:block;margin:0 0 8px;padding:0;color:#20364e;font-weight:700}
.login-modern .form-control {width:100%;min-height:52px;padding:12px 15px;border:1px solid #c5d5e2;border-radius:9px;background:#fff;color:#20364e;box-shadow:none}
.login-modern .form-control::placeholder {color:#718293;opacity:1}
.login-modern .form-control:focus {border-color:#5689ba;box-shadow:0 0 0 3px rgba(70,127,180,.2)}
.login-password-field {position:relative}
.login-password-field .form-control {padding-right:54px}
.login-password-toggle {position:absolute;top:50%;right:8px;display:flex;width:38px;height:38px;align-items:center;justify-content:center;transform:translateY(-50%);border:0;border-radius:7px;background:transparent;color:#315d82;cursor:pointer}
.login-password-toggle:hover,.login-password-toggle:focus {background:#edf4fa;outline:none}
.login-forgotten {display:inline-block;margin:-4px 0 24px;color:#185f93;font-weight:700;text-decoration:underline}
.login-submit {position:relative;display:flex;width:100%;min-height:56px;align-items:center;justify-content:center;padding:12px 54px;border:1px solid rgba(255,255,255,.5);border-bottom:5px solid rgba(32,54,78,.28);border-radius:9px;background:linear-gradient(145deg,#67df74,#4dd05c 60%,#2da73d);color:#fff!important;font-weight:700;text-transform:uppercase;box-shadow:inset 0 3px 0 rgba(255,255,255,.3),0 8px 16px rgba(32,54,78,.18);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.login-submit>span:last-child {position:absolute;right:14px;top:50%;display:flex;width:26px;height:26px;align-items:center;justify-content:center;transform:translateY(-50%);border-radius:50%;background:#fff;color:#2da73d;font-size:25px;font-weight:400;line-height:1}
.login-submit:hover {transform:perspective(300px) rotateX(-5deg) translateY(-2px);filter:saturate(1.15) brightness(1.03);box-shadow:inset 0 3px 0 rgba(255,255,255,.34),0 11px 20px rgba(32,54,78,.23)}
.login-register {display:flex;max-width:680px;align-items:center;justify-content:center;gap:8px;margin:28px auto 0;padding-top:24px;border-top:1px solid rgba(49,93,130,.22);color:#40566a}
.login-register a {color:#185f93;font-weight:700}
body .pages-bbs:has(.login-modern) .col-lg-3 {padding:0 0 0 14px}
body .pages-bbs:has(.login-modern) .col-lg-3>div {height:100%;margin-top:0!important;border-radius:18px}
@media(max-width:991.98px){body .pages-bbs:has(.login-modern){width:calc(100% - 30px);padding:20px}.login-modern{padding:0 0 20px}body .pages-bbs:has(.login-modern) .col-lg-3{padding:0}}
@media(max-width:575.98px){body .pages-bbs:has(.login-modern){width:calc(100% - 20px);margin-top:16px;padding:10px;border-radius:15px}.login-card{border-radius:13px}.login-intro{padding:30px 24px}.login-form-panel{padding:28px 22px}.login-register{align-items:flex-start;flex-direction:column}.login-submit:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.login-submit{transition:none}.login-submit:hover{transform:none}}