.login-container{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-iris{z-index:-1;pointer-events:none;width:640px;height:640px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-iris-ring{border:1px solid #0000;border-radius:50%;position:absolute;inset:0}.login-iris-ring-1{border-color:#d9973f24;animation:9s ease-in-out infinite iris-breathe;inset:0}.login-iris-ring-2{border-color:#5fa89329;animation:9s ease-in-out -3s infinite iris-breathe;inset:90px}.login-iris-ring-3{border-color:#d9973f38;animation:9s ease-in-out -6s infinite iris-breathe;inset:180px;box-shadow:0 0 120px 40px #d9973f0d}.login-iris-pupil{filter:blur(2px);background:radial-gradient(circle at 38% 35%,#5fa89340,#0e161300 70%);border-radius:50%;animation:9s ease-in-out -1.5s infinite iris-breathe;position:absolute;inset:280px}@keyframes iris-breathe{0%,to{opacity:.7;transform:scale(.97)}50%{opacity:1;transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.login-iris-ring-1,.login-iris-ring-2,.login-iris-ring-3,.login-iris-pupil{animation:none}}@media (max-width:640px){.login-iris{width:420px;height:420px}.login-iris-ring-2{inset:60px}.login-iris-ring-3{inset:120px}.login-iris-pupil{inset:180px}}.login-card-wrapper{flex-direction:column;gap:24px;width:100%;max-width:420px;animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex}.login-logo-section{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.login-mark{filter:drop-shadow(0 4px 16px #5fa89359);width:40px;height:auto;margin-bottom:10px}.login-kicker{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.16em;color:var(--secondary);font-size:11px;font-weight:700}.login-wordmark{font-family:var(--font-display);letter-spacing:.01em;color:var(--text-main);margin:4px 0 6px;font-size:40px;font-weight:700}.login-subtitle{color:var(--text-muted);font-size:13px}.login-error-alert{color:#e3a48f;background:#c1553b1f;border:1px solid #c1553b40;border-radius:10px;align-items:center;gap:10px;padding:12px;font-size:12px;display:flex}.login-form-card{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);border-radius:16px;padding:32px;box-shadow:0 24px 60px #00000040}.login-card-title{font-family:var(--font-display);color:var(--text-main);margin-bottom:24px;font-size:19px;font-weight:700}.demo-login-panel{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:#1a262159;border:1px solid #d9973f38;border-radius:16px;padding:24px}.demo-login-title-group{color:#e8c89a;align-items:center;gap:8px;margin-bottom:16px;display:flex}.demo-login-title{text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.demo-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.demo-btn{text-align:left;cursor:pointer;background:#1e170e66;border:1px solid #e8e1d20a;border-radius:10px;flex-direction:column;gap:2px;width:100%;padding:12px;transition:all .2s;display:flex}.demo-btn:hover{background:#1e170ecc;border-color:#d9973f66;transform:translateY(-1px)}.demo-btn-name{color:var(--text-main);font-size:11px;font-weight:700}.demo-btn-role{color:var(--text-dim);font-size:9px}