body{margin:0}.page-security{background:linear-gradient(135deg,#000,#0a0a0f 50%,#000513);color:#fff;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.page-security *{box-sizing:border-box}.page-security .login-bg-effects{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.page-security .login-bg-effects .bg-glow{border-radius:50%;filter:blur(120px);opacity:.15;position:absolute}.page-security .login-bg-effects .bg-glow-1{background:var(--vp-color-secondary);height:600px;right:-100px;top:-200px;width:600px}.page-security .login-bg-effects .bg-glow-2{background:var(--vp-color-secondary);bottom:-100px;height:400px;left:-100px;opacity:.1;width:400px}.page-security .security-wrapper{align-items:center;display:flex;flex:1;justify-content:center;padding:var(--vp-space-lg);position:relative;z-index:1}.page-security .login-card{animation:fadeInUp .6s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(0,5,19,.8);border:1px solid rgba(122,176,0,.15);border-radius:var(--vp-radius-xl);box-shadow:0 25px 50px -12px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.05),0 0 80px -20px rgba(122,176,0,.15);max-width:440px;padding:var(--vp-space-2xl) var(--vp-space-xl);width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-security .login-logo{margin-bottom:var(--vp-space-lg);text-align:center}.page-security .login-logo object{filter:drop-shadow(0 0 20px rgba(122,176,0,.2));height:auto;transition:filter var(--vp-transition-base);width:180px}.page-security .login-logo object:hover{filter:drop-shadow(0 0 30px rgba(122,176,0,.4))}.page-security .login-header{margin-bottom:var(--vp-space-xl);text-align:center}.page-security .login-header .login-title{background:linear-gradient(135deg,#fff 0,var(--vp-color-secondary-light) 100%);-webkit-background-clip:text;font-size:1.75rem;font-weight:700;margin:0 0 var(--vp-space-xs) 0;-webkit-text-fill-color:transparent;background-clip:text}.page-security .login-header .login-subtitle{color:var(--vp-color-text-muted);font-size:.95rem;margin:0}.page-security .login-alert{align-items:center;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--vp-radius-md);color:#fca5a5;display:flex;font-size:.9rem;gap:var(--vp-space-sm);margin-bottom:var(--vp-space-lg);padding:var(--vp-space-md)}.page-security .login-alert .material-symbols-outlined{color:#ef4444;font-size:1.25rem}.page-security .login-form .form-group{margin-bottom:var(--vp-space-lg)}.page-security .login-form .form-label{align-items:center;color:var(--vp-color-text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:var(--vp-space-sm);margin-bottom:var(--vp-space-sm)}.page-security .login-form .form-label .material-symbols-outlined{color:var(--vp-color-secondary);font-size:1.1rem}.page-security .login-form .form-control{background:var(--vp-color-surface-elevated);border:1px solid var(--vp-color-border);border-radius:var(--vp-radius-md);color:#fff;font-size:.95rem;height:48px;padding:0 var(--vp-space-md);transition:all var(--vp-transition-base);width:100%}.page-security .login-form .form-control::placeholder{color:hsla(0,0%,100%,.3)}.page-security .login-form .form-control:hover{border-color:var(--vp-color-border-hover)}.page-security .login-form .form-control:focus{border-color:var(--vp-color-secondary);box-shadow:0 0 0 3px var(--vp-color-secondary-glow-sm);outline:none}.page-security .login-form .password-input-wrapper{position:relative}.page-security .login-form .password-input-wrapper .form-control{padding-right:48px}.page-security .login-form .toggle-show-password{align-items:center;background:transparent;border:none;border-radius:var(--vp-radius-sm);color:var(--vp-color-text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:var(--vp-space-sm);top:50%;transform:translateY(-50%);transition:all var(--vp-transition-fast);width:36px}.page-security .login-form .toggle-show-password .material-symbols-outlined{font-size:1.25rem}.page-security .login-form .toggle-show-password:hover{background:rgba(122,176,0,.1);color:var(--vp-color-secondary)}.page-security .login-form .checkbox-group{margin-bottom:var(--vp-space-lg)}.page-security .login-form .checkbox-label{align-items:center;cursor:pointer;display:flex;gap:var(--vp-space-sm);user-select:none}.page-security .login-form .checkbox-label input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.page-security .login-form .checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--vp-color-secondary);border-color:var(--vp-color-secondary)}.page-security .login-form .checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{opacity:1;transform:scale(1)}.page-security .login-form .checkbox-label input[type=checkbox]:focus+.checkbox-custom{box-shadow:0 0 0 3px var(--vp-color-secondary-glow-sm)}.page-security .login-form .checkbox-label .checkbox-custom{background:var(--vp-color-surface-elevated);border:1px solid var(--vp-color-border);border-radius:var(--vp-radius-sm);height:20px;position:relative;transition:all var(--vp-transition-fast);width:20px}.page-security .login-form .checkbox-label .checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:7px;opacity:0;position:absolute;top:3px;transform:rotate(45deg) scale(0);transition:all var(--vp-transition-fast);width:5px}.page-security .login-form .checkbox-label .checkbox-text{color:var(--vp-color-text-secondary);font-size:.875rem}.page-security .login-form .checkbox-label:hover .checkbox-custom{border-color:var(--vp-color-border-hover)}.page-security .login-form .submit-group{margin-bottom:var(--vp-space-md);margin-top:var(--vp-space-xl)}.page-security .login-form .submit-group .btn-block{font-size:1rem;gap:var(--vp-space-sm);height:52px;width:100%}.page-security .login-form .submit-group .btn-block .material-symbols-outlined{font-size:1.25rem;transition:transform var(--vp-transition-fast)}.page-security .login-form .submit-group .btn-block:hover .material-symbols-outlined{transform:translateX(4px)}.page-security .login-form .forgot-password-link{text-align:center}.page-security .login-form .forgot-password-link a{color:var(--vp-color-text-muted);font-size:.875rem;text-decoration:none;transition:color var(--vp-transition-fast)}.page-security .login-form .forgot-password-link a:hover{color:var(--vp-color-secondary)}.page-security .login-footer{align-items:center;color:var(--vp-color-text-muted);display:flex;font-size:.8rem;gap:var(--vp-space-sm);justify-content:center;padding:var(--vp-space-lg);position:relative;z-index:1}.page-security .login-footer .footer-separator{opacity:.5}.page-security #flash-messages{left:0;position:absolute;top:0;width:100%;z-index:10}@media(max-width:480px){.page-security .login-card{margin:var(--vp-space-md);max-width:calc(100% - var(--vp-space-xl));padding:var(--vp-space-xl) var(--vp-space-lg)}.page-security .login-logo object{width:140px}.page-security .login-header .login-title{font-size:1.5rem}.page-security .login-form .form-control{height:44px}.page-security .login-form .submit-group .btn-block{height:48px}.page-security .login-bg-effects .bg-glow-1{height:300px;width:300px}.page-security .login-bg-effects .bg-glow-2{height:200px;width:200px}}