.login-page{display:grid;place-items:center;min-height:100dvh;padding:34px;background:radial-gradient(circle at 15% 12%,rgba(244,196,48,.18),transparent 22%),linear-gradient(135deg,#04113d 0%,#082a8f 58%,#123f9f 100%)}
.login-shell{display:grid;grid-template-columns:1fr 470px;width:min(1040px,100%);min-height:630px;background:#fff;box-shadow:0 35px 90px rgba(0,0,0,.35);overflow:hidden}
.login-intro{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:68px;background:linear-gradient(145deg,rgba(5,21,70,.95),rgba(8,42,143,.92)),url('../images/megans-history-1963.png') center/cover;color:#fff}
.login-intro:after{content:"1963";position:absolute;right:-24px;bottom:-42px;font:800 9rem/1 Arial,sans-serif;color:rgba(255,255,255,.06)}.login-kicker{position:relative;z-index:1;color:#f4c430;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:800}.login-intro h1{position:relative;z-index:1;max-width:520px;font:700 2.8rem/1.12 Georgia,serif;margin:13px 0 20px}.login-intro>p{position:relative;z-index:1;max-width:520px;color:#dce5ff;font-size:1rem}.login-principle{position:relative;z-index:1;display:flex;align-items:center;gap:14px;margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2)}.login-principle>i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#f4c430;color:#07153b;font-size:1.25rem}.login-principle div{display:grid}.login-principle strong{font-size:1.05rem}.login-principle span{color:#c9d5f4;font-size:.8rem}
.login-card{width:auto;padding:48px 46px;border:0;box-shadow:none}.login-logo-wrap{display:flex;justify-content:center;margin-bottom:16px}.login-logo-wrap img{width:105px;height:105px;object-fit:contain;margin:0}.login-heading{text-align:center;margin-bottom:27px}.login-heading span{color:#df1f2d;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:800}.login-heading h2{margin:5px 0;color:#082a8f;font-size:1.55rem}.login-heading p{margin:0;color:#697386;font-size:.82rem}.login-card .field{margin:16px 0}.login-card label{font-size:.8rem}.login-input{position:relative}.login-input>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#7280a0;z-index:1}.login-input input{height:50px;padding:11px 14px 11px 43px;border-radius:5px}.login-password-control input{padding-right:91px}.login-password-control .password-toggle{position:absolute;right:5px;top:5px;bottom:5px;width:78px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-left:1px solid #dce3ef;background:#eef3fc;color:#082a8f;border-radius:3px;font-weight:800;cursor:pointer}.login-password-control .password-toggle:hover{background:#dfe9fb}.login-submit{width:100%;height:50px;margin-top:8px;border-radius:5px}.login-return{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;color:#082a8f;font-weight:700;font-size:.82rem}.login-note{margin:24px 0 0;padding-top:18px;border-top:1px solid #e2e7f0;text-align:center;color:#778196;font-size:.72rem}.alert{border-radius:4px}.alert i{margin-right:6px}
@media(max-width:850px){.login-page{padding:18px}.login-shell{grid-template-columns:1fr;width:min(500px,100%);min-height:0}.login-intro{padding:30px 34px}.login-intro h1{font-size:2rem}.login-intro>p,.login-principle{display:none}.login-card{padding:34px}}
@media(max-width:480px){.login-page{padding:0;background:#fff}.login-shell{min-height:100dvh;box-shadow:none}.login-intro{padding:25px 24px}.login-intro h1{font-size:1.6rem;margin-bottom:0}.login-card{padding:30px 22px}.login-logo-wrap img{width:88px;height:88px}}
.login-page{background:radial-gradient(circle at 15% 12%,rgba(244,196,48,.16),transparent 22%),linear-gradient(135deg,#40060b 0%,#98121e 56%,#df1f2d 100%)}.login-page .login-intro{background:linear-gradient(145deg,rgba(67,5,12,.96),rgba(183,16,30,.92)),url('../images/megans-history-1963.png') center/cover}.login-page .login-heading h2,.login-page .login-return{color:#a81220}.login-page .login-password-control .password-toggle{background:#fff0f1;color:#a81220;border-left-color:#ead9dc}.login-input input,.login-input select{height:50px;padding:11px 14px 11px 43px;border-radius:5px}.chapter-login-page{background:radial-gradient(circle at 15% 12%,rgba(244,196,48,.18),transparent 22%),linear-gradient(135deg,#04113d 0%,#082a8f 58%,#123f9f 100%)}.chapter-login-page .login-intro{background:linear-gradient(145deg,rgba(5,21,70,.95),rgba(8,42,143,.92)),url('../images/megans-history-1963.png') center/cover}.chapter-login-page .login-heading h2,.chapter-login-page .login-return{color:#082a8f}.chapter-login-page .login-password-control .password-toggle{background:#eef3fc;color:#082a8f;border-left-color:#dce3ef}.chapter-login-links{display:flex;justify-content:space-between;gap:14px;margin-top:17px;font-size:.8rem;font-weight:700;color:#082a8f}.chapter-login-links a:hover{text-decoration:underline}@media(max-width:480px){.login-page,.chapter-login-page{background:#fff}.chapter-login-links{flex-direction:column;align-items:center}}