:root{--navy:#061B3A;--navy2:#082B59;--gold:#F4B321;--muted:#7B879A;--border:#E5EAF2;}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;color:#061B3A;background:#fff}
.pl-login{min-height:100vh;display:grid;grid-template-columns:1.22fr .78fr;background:#fff;position:relative;overflow:hidden}
.pl-art{background:radial-gradient(circle at 78% 20%,rgba(0,132,255,.35),transparent 18%),linear-gradient(135deg,#061B3A,#031126);color:#fff;position:relative;padding:70px 70px 110px;overflow:hidden}
.pl-art:before{content:"";position:absolute;right:-130px;top:-80px;width:520px;height:105%;background:rgba(255,255,255,.08);border-left:8px solid var(--gold);border-radius:55% 0 0 60%;transform:rotate(2deg)}
.pl-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 48%,rgba(244,179,33,.18),transparent 20%),linear-gradient(90deg,transparent,rgba(255,255,255,.02));pointer-events:none}
.art-content{position:relative;z-index:2;max-width:720px}
.art-logo{width:220px;height:145px;object-fit:contain;background:#fff;border-radius:26px;padding:12px;margin-bottom:44px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.eyebrow{color:var(--gold);font-weight:900;letter-spacing:.8px;margin-bottom:18px;display:flex;gap:14px;align-items:center}
.eyebrow:before,.eyebrow:after{content:"";height:2px;width:46px;background:var(--gold)}
.pl-art h1{font-size:54px;line-height:1.06;margin:0 0 22px;letter-spacing:-1.3px}
.pl-art h1 span{color:var(--gold)}
.pl-art p{font-size:19px;line-height:1.55;color:#DDE8F8;max-width:620px;margin:0 0 32px}
.icon-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px;max-width:650px}
.icon-row div{text-align:center;border-right:1px solid rgba(255,255,255,.22);padding-right:12px}
.icon-row div:last-child{border-right:0}
.icon-row i{font-size:34px;color:var(--gold);margin-bottom:10px}
.icon-row b{display:block;font-size:14px}
.station-card{position:absolute;left:45px;bottom:70px;right:80px;height:170px;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 70px rgba(0,0,0,.3);z-index:1;overflow:hidden}
.station-card:before{content:"";position:absolute;left:30px;bottom:25px;width:210px;height:75px;border-radius:20px;background:linear-gradient(90deg,#122E5B,#0B1C3B);border-top:6px solid var(--gold);box-shadow:280px -25px 0 -10px rgba(10,35,80,.9),520px 8px 0 -18px rgba(10,35,80,.75)}
.station-card:after{content:"";position:absolute;right:40px;bottom:35px;width:260px;height:100px;border-radius:20px;background:linear-gradient(135deg,rgba(6,27,58,.9),rgba(12,49,95,.8));border:1px solid rgba(244,179,33,.35)}
.pl-form-side{background:#fff;display:grid;place-items:center;padding:55px;position:relative}
.pl-form-side:before{content:"";position:absolute;right:-90px;top:120px;width:420px;height:420px;border:1px solid #E8EDF5;border-radius:50%}
.pl-form-side:after{content:"";position:absolute;right:40px;bottom:70px;width:240px;height:240px;background-image:radial-gradient(#D6DEE9 1px,transparent 1px);background-size:14px 14px;opacity:.55}
.help-link{position:absolute;right:42px;top:30px;color:#59677D;font-weight:800;text-decoration:none;z-index:2}.help-link i{color:var(--gold)}
.login-card{width:min(500px,100%);background:#fff;border:1px solid #EEF2F7;border-radius:42px;padding:46px 48px;box-shadow:0 25px 80px rgba(6,27,58,.13);position:relative;z-index:3;text-align:center}
.login-card img{width:160px;height:105px;object-fit:contain;margin-bottom:10px}
.login-card h2{font-size:30px;margin:0 0 8px;color:var(--navy)}
.login-card p{color:#7B879A;margin:0 0 28px;font-size:16px}
.field{position:relative;margin-bottom:18px}.field i{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:19px;color:#697891}
.field input,.field select{width:100%;height:58px;border:1px solid #DEE6F1;border-radius:14px;padding:0 52px;font-size:16px;outline:none;color:#061B3A;background:#fff}
.field input:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(244,179,33,.15)}
.row{display:flex;justify-content:space-between;align-items:center;margin:14px 0 28px;color:#7B879A;font-weight:700}.row a{color:#F2A514;text-decoration:none}
.check{display:flex;gap:9px;align-items:center}.check input{accent-color:var(--gold);width:18px;height:18px}
.login-btn{width:100%;height:64px;border:0;border-radius:15px;background:linear-gradient(135deg,#061B3A,#082B59);color:#fff;font-size:18px;font-weight:900;box-shadow:0 14px 28px rgba(6,27,58,.2);cursor:pointer}
.secure-note{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:28px;color:#8390A3;font-weight:800}.secure-note:before,.secure-note:after{content:"";height:1px;background:#E5EAF2;flex:1}.secure-note i{font-size:26px;color:#5C6D87}
.login-footer-strip{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(90deg,#061B3A,#082B59);height:86px;color:#fff;display:flex;align-items:center;justify-content:center;gap:90px;z-index:5}
.login-footer-strip div{display:flex;align-items:center;gap:14px;border-right:1px solid rgba(244,179,33,.5);padding-right:70px}.login-footer-strip div:last-child{border:0;padding-right:0}
.login-footer-strip i{font-size:28px;color:var(--gold)}.login-footer-strip b{display:block}.login-footer-strip small{color:#DDE8F8}
.flash{padding:12px 16px;border-radius:14px;margin-bottom:16px;font-weight:800}.error{background:#FFECEC;color:#C62828}.success{background:#EAF8F0;color:#0D8A45}
@media(max-width:1000px){.pl-login{grid-template-columns:1fr}.pl-art{min-height:620px;padding:38px 28px 120px}.pl-art h1{font-size:38px}.icon-row{grid-template-columns:repeat(2,1fr)}.pl-form-side{padding:35px 18px 110px}.login-footer-strip{gap:20px;height:auto;position:relative;padding:18px;flex-direction:column}.login-footer-strip div{border:0;padding:0}.station-card{display:none}}