:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#0f172a;background:#f4f7fb}*{box-sizing:border-box}body{margin:0;min-height:100vh}main{max-width:520px;margin:auto;padding:calc(28px + env(safe-area-inset-top)) 18px calc(30px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:14px;margin-bottom:28px}.logo{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#1769ff;color:#fff;font-weight:800;box-shadow:0 8px 24px #1769ff45}h1{font-size:25px;margin:0}header p{margin:4px 0 0;color:#64748b}.card{background:#fff;border:1px solid #dce4ee;border-radius:22px;padding:22px;margin-bottom:14px;box-shadow:0 3px 14px #0f172a0d}.hidden{display:none!important}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;color:#1769ff}h2{font-size:20px;margin:7px 0 8px}.card p{color:#64748b;line-height:1.45}form{display:grid;gap:15px;margin-top:20px}label{display:grid;gap:7px;font-size:14px;font-weight:700}input{width:100%;border:1px solid #cbd5e1;border-radius:13px;padding:13px;font:inherit;outline:none}input:focus{border-color:#1769ff;box-shadow:0 0 0 3px #1769ff18}button{border:0;border-radius:13px;padding:13px 16px;background:#111;color:#fff;font-weight:750;font:inherit;cursor:pointer}.secondary{background:#eef2f7;color:#172033}.error{color:#c81e34!important;margin:0;min-height:20px;font-size:13px}.profile{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile h2{margin-bottom:0}.profile p{margin:4px 0 0}.status,#loading{display:flex;align-items:flex-start;gap:14px}.dot{width:14px;height:14px;border-radius:50%;margin-top:3px}.online{background:#10b981}.spinner{width:20px;height:20px;border:3px solid #dbe5f1;border-top-color:#1769ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:380px){.profile{align-items:stretch;flex-direction:column}.profile button{width:100%}}