:root{color-scheme:dark;--gold:#f6be61;--muted:#a1aebe;--ink:#edf3fa;--line:rgba(176,199,223,.16)}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#081322;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}.battlefield,.shade{position:fixed;inset:0;pointer-events:none}.battlefield{background:url('/login-assets/wral-battlefield.png') 43% center/cover no-repeat}.shade{background:linear-gradient(90deg,rgba(3,10,20,.17),rgba(3,10,20,.05) 37%,rgba(3,10,20,.49) 67%,rgba(3,10,20,.73)),linear-gradient(0deg,rgba(3,10,20,.96),transparent 23%,transparent 78%,rgba(3,10,20,.45))}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.7;cursor:wait}.topbar,main,footer{position:relative;z-index:1}.topbar{height:112px;padding:30px 5.2%;display:flex;align-items:center;justify-content:space-between}.identity{display:flex;align-items:center;gap:13px;font-size:28px;font-weight:800;letter-spacing:3px}.identity-sub{display:block;font-size:8px;letter-spacing:2.1px;font-weight:600;color:#acb8c7;margin-top:4px}.shield{width:37px;height:43px}.shield svg{width:100%;height:100%;fill:rgba(246,190,97,.06);stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.top-note{font-size:9px;letter-spacing:1.8px;color:#c5d0de;display:flex;gap:10px;align-items:center}.tiny-dot{width:5px;height:5px;background:var(--gold);border-radius:50%}main{max-width:1600px;margin:auto;padding:30px 8% 45px;min-height:calc(100svh - 186px);display:grid;grid-template-columns:1fr 430px;align-items:center;gap:7%}.hero{align-self:end;padding-bottom:72px;text-shadow:0 2px 24px rgba(0,0,0,.45)}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2px;font-weight:600;color:#f6c578}.eyebrow span{height:1px;width:26px;background:var(--gold)}h1{font-size:clamp(36px,4.2vw,67px);line-height:1.08;letter-spacing:-2.7px;font-weight:750;margin:23px 0 22px}h1 em{font-style:normal;color:var(--gold)}.hero p{font-size:15px;line-height:1.85;color:#d3dbe5;margin:0}.hero-signature{margin-top:35px;font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:9px;color:#d1d9e3}.hero-signature strong{font-size:13px;color:var(--gold)}.gold-line{height:1px;width:28px;background:var(--gold);margin-right:3px}.login-card{background:linear-gradient(145deg,rgba(16,31,49,.95),rgba(8,20,35,.96));border:1px solid rgba(172,197,224,.21);border-top-color:rgba(246,190,97,.5);border-radius:16px;padding:32px 34px 0;box-shadow:0 24px 80px rgba(0,0,0,.34);backdrop-filter:blur(20px)}.card-top{display:flex;align-items:center;justify-content:space-between}.mini-label{font-size:9px;letter-spacing:2px;font-weight:650;color:#c8a76c}.lock{width:19px;height:19px;fill:none;stroke:#a4b5c6;stroke-width:1.3}h2{font-size:35px;line-height:1.12;letter-spacing:-1.2px;margin:23px 0 12px;font-weight:700}.intro{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 24px}.panels{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#071321;border:1px solid var(--line);border-radius:7px;padding:4px;margin-bottom:26px}.panel{font-size:11px;font-weight:650;padding:10px 8px;text-align:center;color:#a9b7c8;border:1px solid transparent;border-radius:4px}.panel span{display:block;font-size:6px;font-weight:500;letter-spacing:.8px;margin-top:6px;opacity:.8}.panel.active{background:rgba(246,190,97,.1);border-color:rgba(246,190,97,.3);color:#f8c879}.panel:hover{color:#ffdc9e}label{display:block;font-size:11px;font-weight:600;margin-bottom:9px;color:#d4deea}input:not([type=hidden]){width:100%;height:46px;padding:0 13px;background:rgba(4,13,25,.68);border:1px solid rgba(155,182,211,.2);border-radius:6px;outline:none;color:#f0f5fb;font-size:12px;transition:border-color .2s,box-shadow .2s}input::placeholder{color:#6e8197}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(246,190,97,.1)}.password-label{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.reveal{color:#acbace;font-size:10px;background:none;border:0;padding:0 0 9px}.reveal:hover{color:var(--gold)}.submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:47px;border:1px solid #f4c77e;border-radius:6px;background:linear-gradient(105deg,#f6c777,#e7a64d);color:#18202c;font-size:12px;font-weight:750;padding:0 15px;margin-top:25px;box-shadow:0 5px 20px rgba(218,157,69,.1)}.submit:hover{filter:brightness(1.08)}.submit span:last-child{font-size:21px;font-weight:400}.access-note{text-align:center;font-size:9px;color:#92a2b5;line-height:1.6;margin:14px -8px 23px}.card-bottom{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid var(--line);padding:17px 0;font-size:9px;color:#879bb0;letter-spacing:.5px}.tiny-shield{font-size:14px;color:#ba9a64}.alert{font-size:11px;line-height:1.5;color:#ffd2cc;background:rgba(211,74,55,.12);border:1px solid rgba(235,106,87,.3);border-radius:6px;padding:10px 12px;margin-bottom:16px}.session-note{font-size:11px;line-height:1.6;color:#b9e5d1;border:1px solid #315848;padding:10px;border-radius:6px;margin-bottom:15px}.session-note a{text-decoration:underline}.logout-form{text-align:center;margin:0 0 15px}.logout-form button{background:none;border:0;color:#b2becd;font-size:10px;text-decoration:underline}.hidden{display:none!important}footer{height:74px;margin:0 5.2%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(151,175,204,.15);font-size:9px;letter-spacing:1.1px;color:#97a6b9}footer strong{color:#f4c677;font-weight:650;letter-spacing:1.3px}.footer-separator{padding:0 8px;color:#5d7087}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media(min-width:1650px){main{padding-left:7%;padding-right:7%;grid-template-columns:1fr 450px}.login-card{padding:38px 40px 0}}@media(max-width:1000px){main{padding-left:5%;padding-right:5%;gap:5%;grid-template-columns:1fr 385px}.login-card{padding:27px 27px 0}h1{font-size:43px}.hero{padding-bottom:64px}.top-note{font-size:8px;letter-spacing:1px}}@media(max-width:740px){.topbar{height:90px;padding:24px}.top-note{display:none}.identity{font-size:25px}.shade{background:linear-gradient(0deg,#050f1c 2%,rgba(5,15,28,.8) 40%,rgba(5,15,28,.2)),linear-gradient(90deg,rgba(5,15,28,.3),rgba(5,15,28,.45))}.battlefield{background-position:30% top}main{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:10px 24px 34px;min-height:calc(100svh - 160px)}.hero{align-self:auto;padding:9px 0 0}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:38px;letter-spacing:-1.8px;margin:15px 0 12px}.hero p{font-size:12px;line-height:1.6}.hero-signature{display:none}.login-card{width:100%;max-width:440px;margin:0 auto;padding:27px 27px 0;background:rgba(9,23,39,.96)}h2{font-size:29px;line-height:1.1;margin-top:18px}.topbar .identity-sub{font-size:7px}footer{height:70px;margin:0 24px;font-size:8px;letter-spacing:.5px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}