.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:0;background:linear-gradient(145deg,#eef4fb,#e8f0fa,#edf2ff 60%,#f0f7ff);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,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(100,103,242,.06) 1px,transparent 1px);background-size:48px 48px;animation:gridDrift 30s linear infinite}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(48px,48px)}}.glow-orbs{position:absolute;inset:0}.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;animation:float 12s ease-in-out infinite}.orb-1{width:480px;height:480px;background:radial-gradient(circle,rgba(147,160,240,.45) 0%,transparent 70%);top:-140px;right:-80px;animation-delay:0s}.orb-2{width:360px;height:360px;background:radial-gradient(circle,rgba(96,165,250,.35) 0%,transparent 70%);bottom:-80px;left:-60px;animation-delay:-4s}.orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(165,180,252,.3) 0%,transparent 70%);top:45%;left:45%;transform:translate(-50%,-50%);animation-delay:-8s}.orb-4{width:200px;height:200px;background:radial-gradient(circle,rgba(125,211,252,.25) 0%,transparent 70%);top:10%;left:15%;animation-delay:-2s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-25px) scale(1.05)}66%{transform:translate(-15px,15px) scale(.96)}}.scan-line{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(100,103,242,.25),rgba(96,165,250,.2),transparent);animation:scan 6s ease-in-out infinite;opacity:.8}@keyframes scan{0%{transform:translateY(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(100vh);opacity:0}}.login-container{position:relative;z-index:1;width:100%;max-width:720px;padding:0 var(--space-4)}.login-card{background:#ffffffd1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(180,200,235,.6);border-radius:var(--radius-2xl);box-shadow:0 8px 32px -4px #6482c81f,0 2px 8px -2px #6482c814,0 0 0 1px #ffffffb3 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-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}.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)}}@media(max-width:640px){.login-container{padding:var(--space-4)}.login-card{padding:var(--space-6)}.login-logo{margin-bottom:var(--space-6)}.login-title{font-size:16px}.form-control.with-icon,.btn-login{height:48px}}.terms-group{margin-top:calc(var(--space-4) * -1)}.terms-checkbox-label{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:1.5}.terms-checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;flex-shrink:0;cursor:pointer;accent-color:var(--color-primary)}.terms-checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.terms-text{flex:1}.terms-link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.terms-link:hover{color:#8b5cf6;text-decoration:underline}