:root { --navy:#06245b; --navy2:#0a3478; --text:#0c1f46; --muted:#697893; --line:#d8e1ec; --danger:#c51f1f; }
*{box-sizing:border-box} html,body{min-height:100%} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#f2f5f9} button,input{font:inherit}.hidden{display:none!important}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 38%,#fff 0,#f3f6fa 46%,#e9eef5 100%)}
.login-shell{width:min(100%,410px)}
.login-card{padding:34px;border:1px solid rgba(18,45,86,.09);border-radius:16px;background:#fff;box-shadow:0 24px 60px rgba(16,37,74,.13)}
.login-header{margin-bottom:25px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.login-brand img{width:43px;height:43px;object-fit:contain}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:17px;letter-spacing:.01em}.login-brand span{margin-top:3px;color:var(--muted);font-size:10px}.login-header h1{margin:0;font-size:24px;letter-spacing:-.025em}
.login-field{display:grid;gap:7px;margin-bottom:16px}.login-field>span:first-child{color:#344862;font-size:12px;font-weight:700}.login-field input{width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);outline:0;transition:.15s}.login-field input:focus{border-color:#93b7e8;box-shadow:0 0 0 3px rgba(13,85,199,.09)}
.password-wrap{position:relative;display:block}.password-wrap input{padding-right:82px}.password-wrap button{position:absolute;right:6px;top:6px;height:36px;padding:0 11px;border:0;border-radius:6px;color:#586a84;background:#f0f3f7;font-size:11px;font-weight:700;cursor:pointer}.password-wrap button:hover{color:var(--navy);background:#e5ebf3}
.login-error{margin:0 0 13px;padding:10px 11px;border-radius:7px;color:var(--danger);background:#fff0f0;font-size:11px;font-weight:700}.login-submit{width:100%;min-height:48px;border:0;border-radius:8px;color:#fff;background:var(--navy);font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(6,36,91,.18);transition:.15s}.login-submit:hover{background:var(--navy2)}.login-submit:disabled{opacity:.65;cursor:wait}
@media(max-width:500px){.login-page{padding:15px}.login-card{padding:26px 21px}.login-header h1{font-size:22px}}
.login-developer{margin:18px 0 0;padding:12px 10px;border:1px solid #d7e4f4;border-radius:9px;color:#35506f;background:#f7fbff;text-align:center;font-size:11px;line-height:1.45}.login-developer strong{display:block;margin-top:2px;color:var(--navy);font-size:12px}