.login-container{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-background);padding:var(--spacing-lg);overflow:hidden;margin-top:35px}.login-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(98,0,234,.1) 0,transparent 60%);animation:rotate 60s linear infinite;z-index:0;opacity:1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-box{position:relative;z-index:1;background:var(--color-card);backdrop-filter:blur(10px);border-radius:var(--border-radius-large);border:1px solid rgba(255,255,255,.1);padding:var(--spacing-xl);width:100%;max-width:450px;box-shadow:var(--shadow-large);text-align:center;opacity:1;transform:translateY(0);animation:fadeInSoft .5s ease-out}.login-title{font-family:var(--font-heading);font-size:var(--font-size-xxl);font-weight:700;color:var(--color-text-primary);letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 10px rgba(157,78,221,.5)}.login-form,.login-title{margin-bottom:var(--spacing-lg)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.input-field{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-medium);padding:var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-md);color:var(--color-text-primary);transition:all var(--transition-fast);width:100%}.input-field:focus{outline:none;border-color:var(--color-accent-light);box-shadow:0 0 0 2px rgba(179,136,255,.25);background:rgba(255,255,255,.1)}.input-field::placeholder{color:rgba(255,255,255,.5)}.login-button{background:var(--gradient-accent);color:var(--color-text-primary);border:none;border-radius:var(--border-radius-medium);padding:var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-medium);box-shadow:var(--shadow-small),0 0 15px rgba(98,0,234,.3);position:relative;overflow:hidden;margin-top:var(--spacing-md)}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .7s ease}.login-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium),0 0 20px rgba(98,0,234,.5)}.login-button:hover:before{left:100%}.login-button:active{transform:translateY(1px)}.google-button{background:none;border:none;padding:0;cursor:pointer;margin:var(--spacing-lg) auto;display:block;transition:transform var(--transition-fast)}.google-button:hover{transform:scale(1.05)}.google-signup-img{max-width:220px;height:auto;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.signup-link{color:var(--color-accent-light);text-decoration:none;font-size:var(--font-size-md);font-weight:500;transition:color var(--transition-fast);display:inline-block;margin-top:var(--spacing-md)}.signup-link:hover{color:var(--color-text-primary);text-decoration:underline}.error-message{color:#ff6b6b;background:rgba(255,107,107,.1);padding:var(--spacing-xs) var(--spacing-sm);animation:shake .5s ease-in-out}.error-message,.success-message{font-size:var(--font-size-sm);margin-top:var(--spacing-sm);border-radius:var(--border-radius-small)}.success-message{color:#2ecc71;background:rgba(46,204,113,.1);padding:var(--spacing-md);animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.forgot-password{margin:var(--spacing-md) 0}.forgot-password-link{background:none;border:none;color:var(--color-accent-light);font-size:var(--font-size-sm);cursor:pointer;text-decoration:underline;transition:color var(--transition-fast);padding:0}.forgot-password-link:hover{color:var(--color-text-primary)}.reset-password-form{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.reset-password-form h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.reset-password-form p{font-size:var(--font-size-sm);color:rgba(255,255,255,.7);margin-bottom:var(--spacing-md)}.reset-button{background:var(--gradient-accent);color:var(--color-text-primary);border:none;border-radius:var(--border-radius-medium);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-medium);box-shadow:var(--shadow-small);margin-top:var(--spacing-sm);width:100%}.reset-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.reset-button:active{transform:translateY(1px)}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}@keyframes fadeInSoft{0%{opacity:.95}to{opacity:1}}@media (max-width:480px){.login-box{padding:var(--spacing-lg)}.login-title{font-size:var(--font-size-xl)}.google-signup-img{max-width:180px}}.microsoft-button{background:none;border:none;padding:0;cursor:pointer;margin:var(--spacing-lg) auto;display:block;transition:transform var(--transition-fast);position:relative;overflow:hidden;max-width:220px;height:auto}.microsoft-button img{width:100%;height:auto;filter:drop-shadow(0 0 5px rgba(255,255,255,.3));display:block}.microsoft-button:hover{transform:scale(1.05)}