.login-page-container{background-color:hsl(var(--background-hsl));place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card-wrapper{background:hsl(var(--card-hsl));border:1px solid hsl(var(--border-hsl));box-shadow:var(--shadow-lg);border-radius:var(--radius);width:100%;max-width:440px;padding:2.5rem 2rem}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.login-brand h2{font-family:var(--font-title);letter-spacing:-.02em;margin-top:.5rem;font-size:1.5rem;font-weight:700}.brand-subtitle{color:hsl(var(--muted-hsl));font-size:.875rem}.login-form{flex-direction:column;gap:1rem;display:flex}.w-full{width:100%}.divider{text-align:center;color:hsl(var(--muted-hsl));text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:1.75rem 0;font-size:.75rem;font-weight:500;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid hsl(var(--border-hsl));flex:1}.divider:not(:empty):before{margin-right:.75em}.divider:not(:empty):after{margin-left:.75em}.mock-users-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.mock-user-btn{border:1px solid hsl(var(--border-hsl));background-color:hsl(var(--secondary-hsl));cursor:pointer;text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:.75rem .5rem;transition:all .15s;display:flex}.mock-user-btn span{margin-bottom:.125rem;font-size:.8125rem;font-weight:600}.mock-user-btn small{color:hsl(var(--muted-hsl));font-size:.6875rem}.mock-user-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.mock-user-btn.admin:hover{border-color:hsl(var(--danger-hsl));background-color:hsla(var(--danger-hsl) / .03);color:hsl(var(--danger-hsl))}.mock-user-btn.operator:hover{border-color:hsl(var(--info-hsl));background-color:hsla(var(--info-hsl) / .03);color:hsl(var(--info-hsl))}.mock-user-btn.volunteer:hover{border-color:hsl(var(--success-hsl));background-color:hsla(var(--success-hsl) / .03);color:hsl(var(--success-hsl))}.mock-user-btn.leader:hover{border-color:hsl(var(--warning-hsl));background-color:hsla(var(--warning-hsl) / .03);color:hsl(var(--warning-hsl))}