.login-page{min-height:100vh;background-color:var(--color-background);font-family:var(--font-sans)}.main-content{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:40px 24px}.login-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:40px;width:100%;max-width:480px;position:relative}.accent-line{position:absolute;top:24px;left:24px;width:40px;height:3px;background-color:var(--color-primary);border-radius:2px}.login-title{font-weight:700;color:#333;margin-bottom:16px;margin-top:8px;font-size:2rem;letter-spacing:-.5px}.login-description{color:#666;margin-top:32px;margin-bottom:32px;line-height:1.5;font-size:1rem}.login-form{display:flex;flex-direction:column;gap:24px}.form-field{margin-bottom:8px}.form-field .MuiInputLabel-root{color:#666;font-weight:500}.form-field .MuiInput-root:before{border-bottom-color:#e0e0e0}.form-field .MuiInput-root:hover:before{border-bottom-color:#bdbdbd}.form-field .MuiInput-root:after{border-bottom-color:var(--color-primary)}.form-field .MuiInput-input{font-size:1rem;padding:12px 0}.signin-button{background-color:var(--color-primary);color:#fff;font-weight:600;font-size:1rem;padding:12px;border-radius:4px;text-transform:none;margin-top:8px;transition:background-color .2s}.signin-button:hover{background-color:var(--color-primary-dark)}.google-button{border-color:#e0e0e0;color:#333;font-weight:500;font-size:1rem;padding:12px;border-radius:4px;text-transform:none;transition:all .2s}.google-button:hover{border-color:#bdbdbd;background-color:#f5f5f5}.google-button .MuiSvgIcon-root{color:#4285f4}.divider-container{display:flex;align-items:center;gap:16px;margin:8px 0}.divider{flex:1;border-color:#e0e0e0}.divider-text{color:#666;font-size:.875rem;white-space:nowrap}.additional-links{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:16px}.link{color:var(--color-primary);cursor:pointer;font-size:.875rem;transition:color .2s}.link:hover{color:var(--color-primary-dark);text-decoration:underline}@media (max-width: 600px){.login-card{padding:24px;margin:0 16px}.main-content{padding:20px 16px}.login-title{font-size:1.75rem}}