:root{font-family:Inter,"Segoe UI","Malgun Gothic",sans-serif;color-scheme:dark;--bg:#07111f;--panel:#102237;--line:#29445e;--text:#f3f8fb;--sub:#91a8bc;--cyan:#22d3c5;--green:#31d07d;--red:#ff6b78}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 25% 15%,#133a5a,transparent 34%),var(--bg);color:var(--text)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 430px;align-items:center;gap:8vw;width:min(1050px,calc(100% - 40px));margin:auto}.login-copy .brand-mark,.offline-shell .brand-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;overflow:hidden;box-shadow:0 12px 34px rgba(34,211,197,.18)}.brand-mark img{width:100%;height:100%;display:block}.login-copy>p{color:var(--cyan);letter-spacing:2px;font-size:10px;font-weight:900;margin-top:18px}.login-copy h1{font-size:48px;line-height:1.08;letter-spacing:-2px;margin:12px 0}.login-copy>span{color:var(--sub)}.login-copy ul{display:flex;gap:18px;list-style:none;padding:0;margin-top:28px;color:#bdd0df;font-size:11px}.login-copy li:before{content:"✓";color:var(--green);margin-right:5px}.login-card{border:1px solid var(--line);border-radius:22px;background:rgba(16,34,55,.92);padding:30px;box-shadow:0 30px 80px #0008;backdrop-filter:blur(18px)}.secure-label{font-size:10px;color:var(--green);font-weight:900}.login-card h2{font-size:24px;margin:16px 0 6px}.login-card>p,.login-card>small{color:var(--sub);font-size:11px;line-height:1.6}.login-card form{display:grid;gap:8px;margin:22px 0 16px}.login-card label{font-size:11px;color:var(--sub);font-weight:800}.login-card input{border:1px solid var(--line);border-radius:11px;background:#081725;color:white;padding:13px;font-size:16px}.login-card input:focus{outline:2px solid var(--cyan);outline-offset:1px}.login-card .remember-row{display:flex;align-items:center;gap:10px;margin:4px 0 7px;padding:9px 10px;border:1px solid rgba(41,68,94,.75);border-radius:11px;background:#0a1a29;cursor:pointer}.login-card .remember-row input{width:18px;height:18px;margin:0;padding:0;accent-color:var(--green)}.remember-row span{display:block}.remember-row b,.remember-row small{display:block}.remember-row b{color:var(--text);font-size:11px}.remember-row small{color:var(--sub);font-size:9px;margin-top:2px}.login-card button,.offline-shell a{border:0;border-radius:11px;background:linear-gradient(135deg,#0b7d69,#159a78);color:white;padding:13px;font-weight:900;text-decoration:none}.form-error{padding:9px;border:1px solid #9d3e49;border-radius:9px;background:#43202a;color:#ffb6bd;font-size:11px;margin-top:12px}.offline-shell{min-height:100vh;display:grid;place-items:center;align-content:center;text-align:center;padding:25px}.offline-shell h1{margin:18px 0 5px}.offline-shell p{max-width:420px;color:var(--sub);line-height:1.6}.offline-shell a{margin-top:12px}@media(max-width:760px){.login-shell{display:block;width:auto;padding:35px 18px}.login-copy{padding:20px 10px 35px}.login-copy h1{font-size:34px}.login-copy ul{display:grid;gap:8px}.login-card{padding:23px}.login-copy>span{font-size:12px}}