.login-container{justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative}.gradient-background{z-index:-1;background:linear-gradient(135deg,#9c27b0 0%,#f7f5fb 100%);position:absolute;inset:0}.login-content{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:400px;display:flex}.logo-container{justify-content:center;align-items:center;margin-bottom:32px;display:flex}.glass-card{backdrop-filter:blur(10px);background:#fffc;border:1px solid #fff3;border-radius:24px;width:100%;padding:28px;box-shadow:0 8px 16px #0000001f}.welcome-title{color:#212121;text-align:center;margin:0 0 24px;font-size:28px;font-weight:700;line-height:36px}.login-form{flex-direction:column;gap:18px;display:flex}.input-wrapper{background-color:#faf7ff;border:1px solid #eee;border-radius:12px;align-items:center;transition:all .2s;display:flex;position:relative}.input-wrapper:focus-within{border-color:#6a1b9a;box-shadow:0 0 0 3px #6a1b9a1a}.input-icon{color:#bdbdbd;flex-shrink:0;justify-content:center;align-items:center;margin-left:10px;margin-right:4px;display:flex}.input-field{color:#212121;background:0 0;border:none;border-radius:12px;outline:none;flex:1;padding:12px 10px;font-size:16px}.input-field::placeholder{color:#bdbdbd}.input-field:focus{outline:none}.error-message{color:#f44336;text-align:center;margin-top:-8px;margin-bottom:8px;font-size:14px}.login-button{color:#fff;cursor:pointer;background:#6a1b9a;border:none;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:48px;margin-top:10px;padding:14px 16px;font-size:16px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 8px #0000002e}.login-button:hover:not(:disabled){background:#4a148c;transform:translateY(-1px);box-shadow:0 6px 12px #00000040}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000002e}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.divider-row{align-items:center;margin:18px 0;display:flex}.divider{background-color:#eee;flex:1;height:1px}.divider-text{color:#bdbdbd;margin:0 8px;font-size:14px}.register-link{color:#6a1b9a;cursor:pointer;text-align:center;background:0 0;border:none;font-size:16px;font-weight:600;transition:color .2s}.register-link:hover{color:#4a148c;text-decoration:underline}@media (width<=480px){.login-container{padding:16px}.glass-card{padding:20px}.logo-placeholder{border-radius:50px;width:100px;height:100px}.logo-image,.logo-fallback{border-radius:45px;width:90px;height:90px}.welcome-title{font-size:24px;line-height:32px}}@media (prefers-contrast:high){.glass-card{background:#fffffff2;border:2px solid #000}.input-wrapper{border-color:#000}.input-wrapper:focus-within{border-color:#6a1b9a;box-shadow:0 0 0 3px #6a1b9a4d}}