.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:0;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);position:relative;overflow:hidden;margin:0}.tech-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(100,103,242,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(100,103,242,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(50px)}}.glow-orbs{position:absolute;inset:0}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 10s ease-in-out infinite}.orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(100,103,242,.5) 0%,transparent 70%);top:-100px;right:-100px;animation-delay:0s}.orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.4) 0%,transparent 70%);bottom:-50px;left:-50px;animation-delay:-3s}.orb-3{width:250px;height:250px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-6s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(100,103,242,.5),transparent);animation:scan 4s linear infinite;opacity:.5}@keyframes scan{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}.login-container{position:relative;z-index:1;width:100%;max-width:720px}.login-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a inset;padding:var(--space-10)}.login-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-8)}.logo-img{width:300px;height:auto;-o-object-fit:contain;object-fit:contain}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-title{font-size:24px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2);letter-spacing:var(--letter-spacing-tight)}.login-subtitle{font-size:16px;color:var(--color-text-secondary);line-height:var(--line-height-normal)}.login-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-group{display:flex;flex-direction:column;gap:var(--space-3)}.form-label{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.input-wrapper{position:relative}.input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-fast)}.input-wrapper:focus-within .input-icon{color:var(--color-primary)}.form-control.with-icon{padding-left:var(--space-12);height:52px;font-size:var(--font-size-body);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background-color:var(--color-bg-primary);transition:all var(--transition-fast)}.form-control.with-icon:hover{border-color:var(--color-border-medium)}.form-control.with-icon:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #6467f21a}.password-input-wrapper{position:relative}.password-input-wrapper .form-control{padding-right:var(--space-10)}.password-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:var(--color-text-muted);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);outline:none}.password-toggle:hover{color:var(--color-primary);background-color:#6467f21a}.password-toggle:focus{outline:none;box-shadow:none}.form-options{display:flex;align-items:center;justify-content:space-between}.forgot-password-link{text-align:right;margin-top:-8px}.forgot-password-link a{font-size:var(--font-size-small, 13px);font-weight:var(--font-weight-medium, 500);color:var(--color-primary, #6467f2);text-decoration:none;transition:all .2s}.forgot-password-link a:hover{color:#8b5cf6;text-decoration:underline}.remember-me{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-body);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast)}.remember-me:hover{color:var(--color-text-primary)}.remember-me input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--color-primary);cursor:pointer;border-radius:var(--radius-sm)}.forgot-password{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none;transition:all var(--transition-fast)}.forgot-password:hover{color:var(--color-primary-hover);text-decoration:underline}.login-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);color:var(--color-error);font-size:16px}.login-error svg{flex-shrink:0}.btn-login{width:100%;height:52px;margin-top:var(--space-2);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);background:linear-gradient(135deg,var(--color-primary) 0%,#8b5cf6 100%);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 14px #6467f263;transition:all var(--transition-fast)}.btn-login:hover:not(:disabled){box-shadow:0 6px 20px #6467f280;transform:translateY(-1px)}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.7;cursor:not-allowed}.btn-login .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.divider{display:flex;align-items:center;margin:var(--space-6) 0;color:var(--color-text-muted);font-size:16px}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:var(--color-border-light)}.divider span{padding:0 var(--space-4)}.social-login{display:flex;justify-content:center}.btn-social{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;height:44px;padding:var(--space-3) var(--space-6);font-size:16px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-social:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-medium)}.btn-social svg{color:var(--color-text-secondary)}.login-footer{text-align:center;margin-top:var(--space-8);padding:var(--space-4)}.login-footer p{font-size:16px;color:#ffffff80;letter-spacing:.5px}@media(max-width:640px){.login-page{padding:var(--space-4)}.login-card{padding:var(--space-6)}.login-logo{margin-bottom:var(--space-6)}.logo-icon{width:56px;height:56px}.logo-text{font-size:20px}.login-title{font-size:16px}.form-control.with-icon,.btn-login{height:48px}}