.login-container{min-height:100vh;display:flex;align-items:center;justify-center:center;padding:var(--spacing-lg);background-color:var(--color-bg-primary)}.theme-switcher-wrapper{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg)}.login-card{width:100%;max-width:450px}.login-form{gap:var(--spacing-lg)}.form-group,.login-form{display:flex;flex-direction:column}.checkbox-group{flex-direction:row;align-items:center;gap:var(--spacing-sm)}.checkbox-group input[type=checkbox]{width:auto;margin:0}.checkbox-group label{margin:0;cursor:pointer}.btn-full{width:100%}.turnstile-container{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.animated-mascot-container{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-lg);min-height:150px}.login-mascot{max-width:150px;height:auto;border-radius:var(--radius-lg)}.login-mascot-video{max-width:200px;max-height:200px;border-radius:var(--radius-lg);object-fit:contain}.mascot-placeholder{font-size:80px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mascot-fade-in{animation:fadeIn .6s ease-in}@media (max-width:768px){.login-container{padding:var(--spacing-md)}.theme-switcher-wrapper{top:var(--spacing-md);right:var(--spacing-md)}.login-card{padding:var(--spacing-lg)}.login-header h1{font-size:var(--font-size-xl)}.login-form{gap:var(--spacing-md)}}@media (max-width:480px){.login-container{padding:var(--spacing-sm)}.theme-switcher-wrapper{top:var(--spacing-sm);right:var(--spacing-sm)}.login-card{padding:var(--spacing-md)}.login-header h1{font-size:var(--font-size-lg)}.login-footer p{font-size:var(--font-size-xs)}}