:root{--vkn-red:#c41a22;--vkn-dark:#1f1f1f;--vkn-bg:#f4f4f2;--vkn-green:#2e7d4f;--vkn-yellow:#e3a008;--vkn-muted:#6b6b6b;--vkn-border:#dcdcd8}*{box-sizing:border-box}body,html{margin:0;background:var(--vkn-bg);color:var(--vkn-dark);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.card{background:#fff;border:1px solid var(--vkn-border);border-radius:12px;padding:32px;width:100%;max-width:380px}.card img{height:40px;width:auto;margin-bottom:24px}h1{font-size:20px;margin:0 0 20px}label{display:block;font-size:13px;font-weight:500;margin:14px 0 6px}input{width:100%;padding:10px 12px;font:inherit;border:1px solid var(--vkn-border);border-radius:8px}input:focus{outline:2px solid var(--vkn-red);outline-offset:-1px}.btn{display:inline-block;margin-top:20px;width:100%;padding:11px 16px;font:inherit;font-weight:600;color:#fff;background:var(--vkn-red);border:0;border-radius:8px;cursor:pointer}.btn:disabled{opacity:.6}.btn-ghost{width:auto;margin:0;padding:8px 14px;color:var(--vkn-dark);background:transparent;border:1px solid var(--vkn-border)}.error{margin-top:14px;padding:10px 12px;border-radius:8px;background:#fbeaea;color:var(--vkn-red);font-size:13px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:#fff;border-bottom:1px solid var(--vkn-border)}.topbar img{height:28px;width:auto}.topbar .who{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--vkn-muted)}main.page{max-width:960px;margin:0 auto;padding:32px 24px}