:root{--bg:#f5f7fb;--surface:#fff;--text:#102033;--muted:#667085;--line:#dce3ec;--brand:#0f766e;--brand2:#0ea5a3;--danger:#b42318;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left,rgba(14,165,163,.22),transparent 35%),linear-gradient(135deg,#eef7f7,#f5f7fb 55%,#fff)}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:clamp(24px,5vw,72px);align-items:center;width:min(1180px,100%);margin:0 auto;padding:clamp(22px,5vw,56px)}.login-hero{border-radius:34px;background:linear-gradient(135deg,rgba(15,118,110,.98),rgba(14,165,163,.92));color:white;padding:clamp(28px,6vw,56px);box-shadow:0 24px 70px rgba(15,118,110,.22)}.hero-badge{display:inline-flex;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:8px 12px;font-weight:800;margin-bottom:18px;background:rgba(255,255,255,.12)}.login-hero h1{margin:0 0 16px;font-size:clamp(32px,5vw,58px);line-height:1.02}.login-hero p{margin:0 0 20px;font-size:18px;opacity:.94;max-width:720px}.login-hero ul{margin:0;padding-left:20px;display:grid;gap:8px}.login-card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 24px 70px rgba(16,24,40,.12);backdrop-filter:blur(16px)}.brand-mini{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:white;font-size:28px;box-shadow:0 14px 36px rgba(15,118,110,.25);margin-bottom:16px}h2{margin:0 0 8px;font-size:28px}.muted{color:var(--muted);margin:0 0 18px}form{display:grid;gap:14px}label{display:grid;gap:7px;font-weight:800}input{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;outline:none;background:white}input:focus{box-shadow:0 0 0 3px rgba(15,118,110,.18);border-color:var(--brand)}button{border:0;border-radius:999px;padding:13px 18px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:white;font:inherit;font-weight:900;cursor:pointer;margin-top:4px}button:disabled{opacity:.65;cursor:wait}.message{min-height:22px;font-weight:800}.message.error{color:var(--danger)}.message.ok{color:var(--brand)}.hint{margin-top:18px;padding:14px;border-radius:18px;background:#f8fafc;color:var(--muted);border:1px dashed var(--line)}.hint p{margin:4px 0}@media(max-width:860px){.login-page{grid-template-columns:1fr;padding:18px}.login-hero{padding:24px;border-radius:24px}.login-card{padding:22px;border-radius:22px}}