:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#172d3a;background:#f1f4f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:28px;background:radial-gradient(ellipse at 12% 0,#dceae8 0,transparent 48%),#f1f4f7}.control-login{display:grid;grid-template-columns:1.05fr 1fr;width:min(960px,100%);border:1px solid #d9e1e7;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 22px 70px #18374414}.control-intro{padding:42px 40px 32px;background:#152f3b;color:#fff;display:flex;flex-direction:column;gap:50px}.control-brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:650;font-size:17px}.control-symbol{display:grid;place-items:center;background:#ffffff14;border:1px solid #ffffff24;border-radius:12px;width:40px;height:40px;font-size:28px;color:#a6e3d7}.access-label{font-size:12px;padding:5px 9px;border:1px solid #98d5c94d;background:#ffffff08;border-radius:6px;color:#b5e6dd}h1{font-size:42px;letter-spacing:.02em;line-height:1.35;margin:20px 0 16px}.control-purpose>p{line-height:1.8;font-size:14px;color:#c5d4da;margin:0}.migration-box{border:1px solid #c1dedf33;background:#ffffff07;border-radius:12px;padding:17px 18px;margin-top:30px}.migration-box strong{font-size:15px;color:#e5f5f0}.migration-box p{font-size:13px;color:#bfd0d7;line-height:1.8;margin:8px 0 0}.control-capabilities{display:flex;flex-wrap:wrap;gap:8px 18px;color:#a9c2c9;font-size:12px;margin-top:auto}.login-panel{padding:58px 42px 36px;display:flex;flex-direction:column;justify-content:center}.login-heading h2{font-size:25px;margin:0 0 9px;color:#172d3a}.login-heading p{margin:0 0 28px;color:#647885;font-size:14px}label{display:block;font-size:14px;font-weight:600;margin:18px 0 9px}input,button{font:inherit;width:100%;border-radius:9px;min-height:46px;padding:11px 13px}input{border:1px solid #cbd6df;background:#f8fafb;color:#172d3a}input:focus{outline:3px solid #169b8a22;border-color:#168677}button{border:1px solid #087b6e;background:#087f73;color:#fff;font-weight:650;cursor:pointer;margin-top:4px;transition:background .15s}button:hover{background:#07695e}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #46b7aa;outline-offset:4px}#error{color:#b53434;min-height:21px;font-size:13px;line-height:1.6;margin:10px 0}.session-note{font-size:12px;line-height:1.8;color:#6e808d;margin:22px 0 0}.permission-note{display:flex;gap:9px;border-top:1px solid #e5eaee;margin-top:24px;padding-top:18px;color:#657987;font-size:12px;line-height:1.8}.permission-note>span:first-child{color:#218879}footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px;font-size:12px;color:#6b7e8b;line-height:1.8}footer a{color:inherit;text-decoration:none}footer a:hover{text-decoration:underline}.police-record{display:inline-flex;align-items:center;gap:6px}.police-record img{object-fit:contain;flex-shrink:0}@media(max-width:720px){body{padding:24px 16px}.control-login{max-width:470px;grid-template-columns:1fr}.control-intro{padding:26px 27px;gap:25px}.control-purpose h1{font-size:30px;margin:14px 0 10px}.control-purpose h1 br{display:none}.control-purpose>p{display:none}.migration-box{margin-top:18px;padding:13px 15px}.control-capabilities{display:none}.login-panel{padding:28px 27px}.login-heading p{margin-bottom:20px}.session-note{margin-top:18px}}