:root{--auth-ink:#f4f4f3;--auth-gold:#b28a52;--auth-panel:#171717;--auth-muted:#9d9d9d}
.ark-auth-overlay{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 28%,#2a2117 0,#121212 38%,#090909 100%);font-family:Montserrat,Arial,sans-serif}
.ark-auth-card{width:min(430px,100%);padding:34px;border:1px solid #4a3821;border-radius:16px;background:linear-gradient(145deg,#1c1915,#151515 58%);box-shadow:0 30px 90px rgba(0,0,0,.62);color:var(--auth-ink)}
.ark-auth-brand-row{display:flex;justify-content:center;align-items:center;margin-bottom:27px;padding-bottom:22px;border-bottom:1px solid #302a22}.ark-auth-brand-row img{width:190px;height:99px;object-fit:contain;filter:invert(1)}
.ark-auth-card label{display:block;margin:15px 0 7px;color:#c9c9c9;font-size:13px;font-weight:650}.ark-auth-card input{box-sizing:border-box;width:100%;padding:13px 14px;border:1px solid #393939;border-radius:9px;background:#0f0f0f;color:#fff;font:inherit}.ark-auth-card input:hover{border-color:#514535}.ark-auth-card input:focus{outline:3px solid rgba(178,138,82,.2);border-color:var(--auth-gold)}
.ark-auth-card button{width:100%;margin-top:23px;padding:13px;border:1px solid #c29a61;border-radius:9px;background:var(--auth-gold);color:#111;font:700 15px inherit;cursor:pointer}.ark-auth-card button:hover{background:#c39a60}.ark-auth-card button:disabled{opacity:.6;cursor:wait}
.ark-auth-error{min-height:20px;margin:12px 0 0;color:#e48c83;font-weight:650}.ark-auth-security{margin:20px 0 0;color:#777;font-size:11px;line-height:1.5}
.ark-auth-logout{z-index:2;padding:9px 14px;border:1px solid #4a3821;border-radius:999px;background:#1d1914;color:#ddb97f;box-shadow:none;font:650 12px Montserrat,Arial,sans-serif;cursor:pointer}.ark-auth-logout:hover{border-color:#87683e;background:#2a2117;color:#f1d6aa}
@media(max-width:850px){.ark-auth-logout{padding:8px 10px;font-size:0}.ark-auth-logout::before{content:'↪';font-size:16px}}
.app>aside .brand{justify-content:center;padding:0 10px 18px}.app>aside .brand img{width:175px;height:91px;object-fit:contain;filter:invert(1)}
@media(max-width:850px){.app>aside .brand{padding:4px 2px 16px}.app>aside .brand img{width:58px;height:58px;object-fit:cover;object-position:50% 12%}}