.login-section{flex:1;align-items:center;padding:60px 0;display:flex}.login-container{background-color:#fff;border-radius:8px;max-width:480px;margin:0 auto;padding:48px;box-shadow:0 2px 16px #0000001a}.login-container h2{text-align:center;margin-bottom:32px}.login-tabs{border-bottom:2px solid var(--color-gray-200);gap:0;margin-bottom:32px;display:flex}.login-tab{font-family:var(--font-inter),sans-serif;color:var(--color-gray-500);cursor:pointer;text-transform:none;background:0 0;border:none;flex:1;min-width:auto;height:auto;padding:12px 16px;font-size:16px;font-weight:600;transition:color .2s;position:relative}.login-tab:hover{color:var(--color-dark)}.login-tab.active{color:var(--color-primary)}.login-tab.active:after{content:"";background-color:var(--color-primary);height:2px;position:absolute;bottom:-2px;left:0;right:0}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{font-family:var(--font-inter),sans-serif;color:var(--color-dark);font-size:14px;font-weight:600}.form-input{border:1px solid var(--color-gray-300);height:45px;font-family:var(--font-inter),sans-serif;color:var(--color-dark);border-radius:6px;padding:0 16px;font-size:14px;transition:border-color .2s}.form-input::placeholder{color:var(--color-gray-400)}.form-input:focus{border-color:var(--color-primary);outline:none}.form-submit{width:100%;margin-top:12px}.forgot-password-link{text-align:center;margin-top:4px}.link-button{color:var(--color-primary);font-family:var(--font-inter),sans-serif;cursor:pointer;text-transform:none;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.link-button:hover{color:#3f6ed9;text-decoration:underline}.form-footer-text{text-align:center;margin:0;font-size:14px}.form-link{color:var(--color-primary);font-family:var(--font-inter),sans-serif;cursor:pointer;text-transform:none;background:0 0;border:none;min-width:auto;height:auto;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.form-link:hover{color:#3f6ed9}.divider{text-align:center;align-items:center;margin:8px 0;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--color-gray-300);flex:1}.divider span{color:var(--color-gray-500);font-size:12px;font-family:var(--font-inter),sans-serif;padding:0 12px;font-weight:600}.btn-google{width:100%;height:50px;color:var(--color-dark);border:1px solid var(--color-gray-300);font-family:var(--font-inter),sans-serif;cursor:pointer;text-transform:none;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-width:auto;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-google:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-google:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.login-container{padding:32px 24px}.login-section{padding:40px 0}}
.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:480px;max-height:90vh;padding:32px;overflow-y:auto}.modal-content h3{color:var(--color-dark);margin:0 0 8px}.modal-subtitle{color:var(--color-gray-500);margin:0 0 24px;font-size:14px}.modal-form{flex-direction:column;gap:20px;display:flex}.modal-actions{gap:12px;margin-top:24px;display:flex}.modal-actions button{flex:1;width:auto;min-width:0}.btn-secondary{background-color:var(--color-gray-200);width:auto;min-width:0;height:50px;color:var(--color-dark);font-family:var(--font-inter),sans-serif;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;flex:1;font-size:14px;font-weight:700;transition:background-color .2s}.btn-secondary:hover{background-color:var(--color-gray-300)}.modal-actions .btn-primary{flex:1;width:auto;min-width:0}@media (max-width:768px){.modal-content{padding:24px}.modal-actions{flex-direction:column}}