.auth-page{background-color:var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-container{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:420px;display:flex}.demo-page-container{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:960px;display:flex}.demo-page-intro{text-align:center;color:var(--text-secondary);max-width:560px;margin:0;font-size:.9375rem;line-height:1.6}.demo-page-footer{align-items:center;gap:1.5rem;margin-top:.5rem;display:flex}.demo-back-link{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border:1px solid var(--border);background:0 0;border-radius:3px;align-items:center;gap:.375rem;padding:.2rem .5rem;font-size:.6875rem;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.demo-back-link:hover{color:var(--text-primary);border-color:var(--text-primary)}.demo-back-link span{font-size:.875rem;line-height:1}.auth-header{text-align:center}.auth-logo{letter-spacing:.2em;text-transform:uppercase;font-size:1.5rem;font-weight:700}.auth-subtitle{color:var(--text-secondary);margin-top:.375rem;font-size:.875rem}.auth-form{background-color:var(--bg-card);border:1px solid var(--border);border-radius:6px;width:100%;padding:2rem}.auth-title{margin-bottom:1.5rem;font-size:1.125rem;font-weight:600}.auth-error{color:var(--danger);background-color:#c0392b14;border:1px solid #c0392b33;border-radius:4px;margin-bottom:1.25rem;padding:.625rem .75rem;font-size:.8125rem}.auth-success{color:var(--success);background-color:#2d7a3a14;border:1px solid #2d7a3a33;border-radius:4px;margin-bottom:1.25rem;padding:.625rem .75rem;font-size:.8125rem}.auth-btn{width:100%;margin-top:.5rem}.auth-links{justify-content:space-between;margin-top:1.25rem;font-size:.8125rem;display:flex}.auth-links a{color:var(--text-secondary)}.auth-links a:hover{color:var(--text-primary);opacity:1}.auth-theme{margin-top:.5rem}.demo-section{text-align:center;width:100%}.demo-separator{color:var(--text-muted);margin-bottom:.75rem;font-size:.8125rem}.demo-btn{width:100%}.demo-hint{color:var(--text-muted);margin-top:.5rem;font-size:.75rem}.demo-groups{grid-template-columns:repeat(3,1fr);align-items:start;gap:1rem;width:100%;display:grid}@media (width<=760px){.demo-groups{grid-template-columns:1fr}}.demo-group{flex-direction:column;gap:.375rem;min-width:0;display:flex}.demo-group-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding-left:.125rem;font-size:.6875rem;font-weight:600}.demo-accounts{gap:.5rem;display:grid}.demo-account-btn{border:1px solid var(--border,#e5e7eb);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:.625rem;width:100%;padding:.75rem .875rem;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.demo-account-btn:hover:not(:disabled):not(.demo-account-btn-disabled){border-color:var(--text-primary);background:var(--bg-secondary)}.demo-account-btn:disabled{opacity:.5;cursor:not-allowed}.demo-account-btn-disabled{cursor:default;opacity:.6;background:var(--bg-secondary)}.demo-account-badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:10px;flex-shrink:0;padding:.25rem .5rem;font-size:.625rem;font-weight:600}.demo-account-badge-live{background:var(--success,#16a34a);color:#fff}.demo-account-badge-soon{color:var(--text-muted);border:1px solid var(--border,#e5e7eb);background:0 0}.demo-account-form{color:var(--text-primary);flex:1;min-width:0;font-size:.875rem;font-weight:600}.password-strength{margin-top:.5rem}.password-strength-bar{background:var(--border);border-radius:2px;width:100%;height:4px;margin-bottom:.375rem;overflow:hidden}.password-strength-fill{height:100%;transition:width .2s,background .2s}.strength-0,.strength-1{background:var(--danger)}.strength-2,.strength-3{background:var(--warning)}.strength-4,.strength-5{background:var(--success)}.password-hint{color:var(--text-muted);font-size:.75rem}.link-button{color:var(--text-secondary);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.link-button:hover{color:var(--text-primary)}.captcha-wrapper{flex-direction:column;gap:.5rem;display:flex}.captcha-container{justify-content:center;padding:.5rem 0;display:flex}