:root{font-family:Arial,sans-serif;color:#142c3c;background:#f3f1eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:30px 18px;background:radial-gradient(ellipse at top left,#d8e2e6,transparent 70%),#f3f1eb}main{width:100%;max-width:470px;padding:38px;background:#fffefa;border:1px solid #d9dedc;border-top:5px solid #b39a64;border-radius:6px;box-shadow:0 15px 50px #142c3c0d}.seal{border:2px solid #b39a64;border-radius:0 0 22px 22px;width:85px;text-align:center;padding:10px 4px;font-size:24px;font-weight:bold;margin-bottom:28px}.seal small{font-size:9px;letter-spacing:1px}.eyebrow{color:#827044;font-size:10px;font-weight:700;letter-spacing:2px}h1{font-family:Georgia,serif;font-weight:400;font-size:35px;line-height:1.12;margin:10px 0 18px}.intro{font-size:14px;line-height:1.7;color:#5c6c76}.tabs{display:flex;gap:5px;margin:28px 0 24px;border-bottom:1px solid #dce1df}.tabs button{border:0;background:none;color:#657681;padding:12px 8px;font-size:13px;cursor:pointer}.tabs .active{border-bottom:2px solid #142c3c;color:#142c3c;font-weight:bold}label{display:block;font-size:12px;font-weight:bold;margin:18px 0}input{display:block;width:100%;font:16px Arial,sans-serif;border:1px solid #c7d1d4;border-radius:3px;padding:12px;margin-top:7px;color:#142c3c;background:white}input:focus{outline:2px solid #9eb8c5;outline-offset:2px}button{font:inherit}button:focus-visible{outline:2px solid #b39a64;outline-offset:3px}.primary{display:block;background:#142c3c;color:white;border:0;border-radius:3px;padding:13px;width:100%;font-size:14px;cursor:pointer}.primary:disabled{opacity:.6}#hint,.privacy{font-size:12px;line-height:1.6;color:#687984}.privacy{border-top:1px solid #e5e7e3;padding-top:20px;margin:24px 0 0}.text-button{margin:18px 0 0;border:0;padding:0;background:none;text-decoration:underline;color:#667681;font-size:11px;cursor:pointer}#error:not(:empty){background:#fff0ee;color:#923e35;font-size:13px;line-height:1.6;padding:12px;border-radius:3px}[hidden]{display:none!important}@media(max-width:420px){main{padding:25px}h1{font-size:29px}}
@media(min-width:950px){body{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 560px;min-height:100vh;padding:0;background:#112b3d url('/login-hero.png') 35% center/cover fixed}body:before{content:'';position:fixed;inset:0;background:linear-gradient(90deg,#10293b44,#10293b33 50%,#10293b88)}body>main{grid-column:2;position:relative;background:#fffefa;min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:52px 64px;max-width:none;width:100%;border:0;border-radius:0;box-shadow:-20px 0 80px #091c2944}body>main:before{content:'LOS SANTOS POLICE DEPARTMENT';position:fixed;left:4vw;top:5vh;font-size:12px;letter-spacing:2px;color:#f4e6c1;max-width:calc(100vw - 630px)}body>main:after{content:'Gemeinsam im Dienst.';position:fixed;left:4vw;bottom:8vh;font-family:Georgia,serif;font-size:clamp(27px,3vw,46px);line-height:1.2;color:white;max-width:calc(100vw - 650px)}.privacy{margin-top:25px}}