.viewer-login-page{width:100vw;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#12263f 0,#0b0f14 55%,#090b0f 100%)}.viewer-login-card{width:min(420px,92vw);background:rgba(15,23,35,.95);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:24px;box-shadow:0 20px 50px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.viewer-login-logo{display:block;margin:0 auto 8px;width:180px;height:auto;opacity:.95}.viewer-login-title{margin:10px 0 6px;color:#f8fafc;font-size:24px;text-align:center}.viewer-login-subtitle{margin:0 0 20px;color:#cbd5e1;font-size:14px;text-align:center}.viewer-login-form{display:flex;flex-direction:column;gap:10px}.viewer-login-label{color:#dbe5f0;font-size:13px;font-weight:600}.viewer-login-input{width:100%;border:1px solid rgba(148,163,184,.4);border-radius:10px;background:rgba(15,23,42,.85);color:#f8fafc;font-size:15px;padding:11px 12px;outline:none}.viewer-login-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.28)}.viewer-login-button{margin-top:8px;border:0;border-radius:10px;background:linear-gradient(90deg,#0ea5e9,#2563eb);color:#fff;font-size:15px;font-weight:700;padding:11px 12px;cursor:pointer}.viewer-login-button:disabled{opacity:.7;cursor:default}.viewer-login-error{margin-top:2px;border:1px solid rgba(239,68,68,.45);border-radius:8px;background:rgba(127,29,29,.32);color:#fecaca;font-size:13px;padding:10px}