:root{--login-bg1: #0f172a;--login-bg2: #0f766e;--login-card: #ffffff;--login-text: #0f172a;--login-muted: #64748b;--login-border: #dbe3ee;--login-focus: #38bdf8;--login-btn1: #0ea5e9;--login-btn2: #0369a1;--login-danger: #b91c1c}@font-face{font-family: "Ubuntu";font-style: normal;font-weight: 400;font-display: swap;src: local("Ubuntu"),local("Ubuntu Regular"),url("../webfonts/ubuntu/ubuntu-400-latin.woff2") format("woff2")}@font-face{font-family: "Ubuntu";font-style: normal;font-weight: 500;font-display: swap;src: local("Ubuntu Medium"),local("Ubuntu"),url("../webfonts/ubuntu/ubuntu-500-latin.woff2") format("woff2")}@font-face{font-family: "Ubuntu";font-style: normal;font-weight: 700;font-display: swap;src: local("Ubuntu Bold"),local("Ubuntu"),url("../webfonts/ubuntu/ubuntu-700-latin.woff2") format("woff2")}*{box-sizing: border-box}html,body{height: 100%}body.login-page{margin: 0;font-family: 'Ubuntu','Segoe UI',Tahoma,sans-serif;color: var(--login-text);background: radial-gradient(1100px 520px at 15% -10%,rgba(14,165,233,.22),transparent 60%),radial-gradient(900px 460px at 90% 110%,rgba(20,184,166,.20),transparent 60%),linear-gradient(145deg,var(--login-bg1),#111827 48%,var(--login-bg2));display: grid;place-items: center;padding: 24px}.login-shell{width: min(430px,100%);background: rgba(255,255,255,.96);border: 1px solid rgba(255,255,255,.6);border-radius: 18px;box-shadow: 0 26px 54px rgba(2,8,23,.38),0 8px 20px rgba(2,8,23,.22);overflow: hidden}.login-head{padding: 26px 30px 18px;background: linear-gradient(180deg,#f8fafc,#f0f9ff);border-bottom: 1px solid #e2e8f0}.login-title{margin: 0;font-size: 2rem;line-height: 1.1;font-weight: 700;letter-spacing: .01em}.login-sub{margin: 7px 0 0;color: var(--login-muted);font-size: .97rem}body.login-page form{padding: 22px 30px 30px}.form-group{margin-bottom: 14px}body.login-page label{display: block;margin: 0 0 6px;font-size: .86rem;font-weight: 700;color: #334155;letter-spacing: .01em}body.login-page input{width: 100%;height: 46px;border-radius: 12px;border: 1px solid var(--login-border);padding: 0 14px;font-size: 1rem;outline: none;background: #fff;box-shadow: 0 6px 14px rgba(15,23,42,.06);transition: border-color .16s ease,box-shadow .16s ease,transform .16s ease}body.login-page input:focus{border-color: var(--login-focus);box-shadow: 0 0 0 3px rgba(56,189,248,.20),0 10px 18px rgba(14,165,233,.15);transform: translateY(-1px)}.err{margin: 0 0 14px;background: #fee2e2;border: 1px solid #fecaca;color: var(--login-danger);border-radius: 10px;padding: 10px 12px;font-size: .9rem;font-weight: 600}.ok{margin: 0 0 14px;background: #dcfce7;border: 1px solid #bbf7d0;color: #166534;border-radius: 10px;padding: 10px 12px;font-size: .9rem;font-weight: 600}.btn-login{width: 100%;height: 48px;border: 0;border-radius: 12px;background: linear-gradient(135deg,var(--login-btn1),var(--login-btn2));color: #fff;font-size: 1rem;font-weight: 700;cursor: pointer;box-shadow: 0 12px 24px rgba(14,165,233,.28);transition: transform .16s ease,filter .16s ease,box-shadow .18s ease}@media (hover: hover) and (pointer: fine){.btn-login:hover{transform: translateY(-1px);filter: brightness(1.03);box-shadow: 0 14px 26px rgba(14,165,233,.34)}}.btn-login:active{transform: translateY(0);filter: brightness(.97)}.login-foot{margin-top: 10px;text-align: center;color: #94a3b8;font-size: .79rem}@media (max-width: 520px){body.login-page{padding: 16px}.login-head{padding: 22px 22px 16px}body.login-page form{padding: 20px 22px 24px}.login-title{font-size: 1.7rem}}