.login-page{min-height:100vh;background-color:#f8fafc}.login-container{max-width:430px;margin:0 auto;padding:16px 20px}.header{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:80px;padding-top:8px}.back-button{width:100%;border:none;text-align:left;background:none;font-size:20px;padding:8px;cursor:pointer;color:#1e293b}.logo-container{display:flex;align-items:center;gap:8px}.logo{border-radius:50%}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}label{font-size:16px;color:#000}.input-field{width:90%;padding:12px 16px;border:1px solid #8d8d8d;border-radius:8px;font-size:14px;background-color:#f8fafc}.password-container{position:relative}.eye-button{width:10px;position:absolute;right:25px;top:40%;transform:translateY(-50%);border:none;background:none;cursor:pointer;color:#64748b;padding:4px;text-align:right}.forgot-link{font-size:14px;color:#6366f1;text-decoration:none;margin-top:4px}.login-button{background-color:#6366f1;color:#fff;border:none;border-radius:8px;padding:14px;font-size:16px;font-weight:500;cursor:pointer;margin-top:48px}.social-section{text-align:center;margin-top:24px}.social-text{color:#64748b;font-size:14px;margin-bottom:16px}.social-buttons{display:flex;justify-content:center;gap:16px}.social-button{width:40px;height:40px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}.social-button.google{background-color:#fef2f2;color:#ef4444}.social-button.facebook{color:#1e40af}.social-button.other{color:#64748b}@media (max-width: 480px){.login-container{padding:16px}.header{margin-bottom:32px}.form-group{margin-bottom:4px}}.signup-screen{display:flex;flex-direction:column;justify-content:space-evenly;min-height:100vh;background-color:#f8fafc}.signup-header{text-align:center;margin-bottom:2rem}.logo-small{margin-bottom:1rem}.signup-form{max-width:400px;margin-left:15px}.signup-form h2{text-align:center;font-size:34px;font-weight:700}.input-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.input{width:90%;padding:.875rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;background-color:#fff}.input:focus{outline:none;border-color:#6366f1}.social-login{margin-top:2rem;text-align:center}.divider{color:#64748b;margin-bottom:1rem}