:root{--login-navy:#071c2e;--login-teal:#155466;--login-gold:#c8a037;--login-ink:#0a2235;--login-muted:#697b86;--login-line:#d8e2e6}
*{box-sizing:border-box}
html,body{min-height:100%}
body.pe-login-page{margin:0;color:var(--login-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 12% 5%,rgba(222,191,100,.22),transparent 24rem),radial-gradient(circle at 94% 92%,rgba(104,181,175,.25),transparent 28rem),linear-gradient(145deg,#f9faf8,#edf4f6)}
.pe-login-shell{display:grid;min-height:100vh;padding:30px;place-items:center}
.pe-login-card{display:grid;grid-template-columns:minmax(300px,.84fr) minmax(390px,1.16fr);overflow:hidden;width:min(100%,940px);min-height:620px;background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.92);border-radius:34px;box-shadow:0 34px 100px rgba(7,31,47,.18)}
.pe-login-story{position:relative;display:flex;overflow:hidden;padding:42px;color:#fff;background:radial-gradient(circle at 110% 104%,rgba(97,174,166,.4) 0 25%,transparent 25.5%),radial-gradient(circle at 110% 104%,transparent 0 42%,rgba(214,177,77,.2) 42.3% 42.8%,transparent 43%),linear-gradient(155deg,#061827,#092f44 62%,#155161);flex-direction:column;justify-content:space-between}
.pe-login-story:after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.05),transparent 36%)}
.pe-login-story-brand,.pe-login-story-copy,.pe-login-security{position:relative;z-index:1}
.pe-login-story-brand{display:flex;align-items:flex-start;flex-direction:column}
.pe-login-story-brand img{width:210px;height:auto;filter:drop-shadow(0 8px 20px rgba(0,0,0,.16))}
.pe-login-story-brand span,.pe-login-mobile-brand span{margin-top:7px;color:#e4c66f;font-size:.61rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase}
.pe-login-kicker{display:block;color:#b78e2c;font-size:.68rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.pe-login-story .pe-login-kicker{color:#dfbd61}
.pe-login-story-copy h2{margin:10px 0 14px;font-size:clamp(2.1rem,4vw,3.45rem);font-weight:740;letter-spacing:-.05em;line-height:1.02}
.pe-login-story-copy p{margin:0;color:rgba(255,255,255,.7);font-size:.95rem;line-height:1.65}
.pe-login-security{display:flex;gap:12px;align-items:center;padding:13px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);border-radius:17px}
.pe-login-security>svg{flex:0 0 24px;width:24px;color:#e4c66f}
.pe-login-security>span{display:flex;flex-direction:column}
.pe-login-security strong{font-size:.76rem}
.pe-login-security small{margin-top:2px;color:rgba(255,255,255,.58);font-size:.62rem;line-height:1.4}
.pe-login-form-panel{position:relative;display:flex;padding:66px clamp(40px,7vw,84px) 40px;flex-direction:column;justify-content:center}
.pe-login-locale{position:absolute;top:26px;right:28px;display:flex;padding:4px;background:#f0f5f6;border-radius:12px}
.pe-login-locale a{padding:7px 10px;color:#748791;font-size:.66rem;font-weight:850;text-decoration:none;border-radius:9px}
.pe-login-locale a.active{color:#fff;background:var(--login-navy);box-shadow:0 5px 12px rgba(7,28,46,.16)}
.pe-login-mobile-brand{display:none}
.pe-login-form-panel h1{margin:9px 0 9px;color:var(--login-ink);font-size:clamp(2rem,4vw,2.75rem);font-weight:780;letter-spacing:-.045em;line-height:1.06}
.pe-login-intro{margin:0 0 25px;color:var(--login-muted);font-size:.91rem;line-height:1.55}
.pe-login-alert{margin:0 0 16px;padding:12px 14px;color:#8c2e3a;font-size:.78rem;font-weight:700;background:#fff0f2;border:1px solid #f0cdd2;border-radius:13px}
.pe-login-form{display:grid;gap:8px}
.pe-login-form label{margin-top:8px;color:#17384a;font-size:.74rem;font-weight:850}
.pe-login-input{position:relative;display:flex;align-items:center}
.pe-login-input>svg{position:absolute;left:15px;width:19px;color:#78909b;pointer-events:none}
.pe-login-input input{width:100%;height:54px;padding:0 15px 0 46px;color:var(--login-ink);font:inherit;font-size:16px;background:#f8fafb;border:1px solid var(--login-line);border-radius:15px;outline:0;transition:border-color .18s,box-shadow .18s,background .18s}
.pe-login-input input:focus{background:#fff;border-color:#4e9795;box-shadow:0 0 0 4px rgba(70,146,144,.13)}
.pe-password-input input{padding-right:74px}
.pe-password-input button{position:absolute;right:7px;height:40px;min-width:56px;color:#17606a;font-size:.69rem;font-weight:850;background:#eaf4f3;border:0;border-radius:10px;cursor:pointer}
.pe-login-submit{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:54px;margin-top:15px;color:#fff;font-size:.82rem;font-weight:900;background:linear-gradient(135deg,#08283d,#0d4a5d);border:0;border-radius:15px;box-shadow:0 13px 27px rgba(7,44,63,.21);cursor:pointer}
.pe-login-submit svg{width:18px;transition:transform .18s}
.pe-login-submit:hover svg{transform:translateX(3px)}
.pe-login-help-row{display:flex;align-items:center;justify-content:center;gap:9px 18px;flex-wrap:wrap;margin-top:17px}.pe-login-help{color:#246c73;font-size:.73rem;font-weight:750;text-decoration:none}.pe-login-help:hover{text-decoration:underline}
.pe-login-card.pe-login-card-compact{grid-template-columns:minmax(290px,.72fr) minmax(380px,1.28fr);min-height:560px}.pe-login-card-compact .pe-login-form-panel{padding-top:58px}.pe-login-success{margin:0 0 16px;padding:14px 15px;color:#176744;font-size:.8rem;font-weight:700;line-height:1.5;background:#eaf8f1;border:1px solid #c6ead8;border-radius:13px}.pe-login-note{margin:15px 0 0;color:var(--login-muted);font-size:.73rem;line-height:1.55}.pe-login-back{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;color:#246c73;font-size:.76rem;font-weight:800;text-decoration:none}.pe-login-form-panel .pe-login-policy{margin:0 0 15px;padding:11px 13px;color:#6b5522;font-size:.72rem;line-height:1.5;background:#fff9e9;border:1px solid #eee0b8;border-radius:12px}
.pe-login-form-panel footer{margin-top:26px;padding-top:18px;color:#87969d;font-size:.66rem;line-height:1.45;text-align:center;border-top:1px solid #e5edef}
@media(max-width:760px){
  .pe-login-shell{padding:16px}
  .pe-login-card{display:block;width:min(100%,470px);min-height:0;border-radius:28px}
  .pe-login-story{display:none}
  .pe-login-form-panel{padding:70px 25px 28px}
  .pe-login-locale{top:19px;right:20px}
  .pe-login-mobile-brand{display:flex;align-items:center;margin:0 0 27px;flex-direction:column}
  .pe-login-mobile-brand img{width:190px;height:auto}
  .pe-login-form-panel h1{text-align:center}
  .pe-login-form-panel>.pe-login-kicker,.pe-login-intro{text-align:center}
}
@media(max-width:390px){.pe-login-shell{padding:8px}.pe-login-form-panel{padding-right:20px;padding-left:20px}.pe-login-card{border-radius:24px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}