.auth-modal-container{background-color:#fff;border-radius:24px;grid-template-columns:4fr 5fr;width:100%;max-width:900px;height:auto;max-height:90vh;font-family:sans-serif;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@media (max-width:768px){.auth-modal-container{grid-template-columns:1fr;max-height:95vh}.illustration-wrapper{display:none!important}.form-content{grid-column:1/-1;padding:1.5rem}}.illustration-wrapper{transform-origin:50%;background-color:#f3f4f6;justify-content:center;align-items:center;padding:2rem;transition:transform .4s cubic-bezier(.25,1,.5,1);display:flex;overflow:hidden}.mode-login .illustration-wrapper{transform:scale(1)}.mode-signup .illustration-wrapper{transform:scale(1.08)}.illustration-svg{width:100%;max-width:350px;height:auto}.form-content{flex-direction:column;min-height:0;padding:2.5rem;display:flex;overflow-y:auto}.form-content.centered-content{grid-column:1/-1;justify-content:center;align-items:center}.form-inner-content{flex-direction:column;flex:auto;width:100%;max-width:380px;min-height:0;display:flex}.form-inner-content .legal-links{flex-shrink:0;margin-top:auto;padding-top:1rem}.close-button{cursor:pointer;color:#9ca3af;z-index:10;background:0 0;border:none;border-radius:99px;padding:4px;transition:background-color .2s,color .2s;position:absolute;top:16px;right:16px}.close-button:hover{color:#1f2937;background-color:#f3f4f6}.back-button{align-items:center;gap:4px;font-size:.875rem;font-weight:600;display:flex;left:16px;right:auto}.form-title{font-family:var(--font-serif);color:#111827;margin-bottom:.5rem;font-size:2rem;font-weight:800}.form-subtitle{color:#4b5563;margin-bottom:2rem}.form-toggle-btn{color:#4f46e5;cursor:pointer;background:0 0;border:none;margin-left:.5rem;font-weight:600}.form-toggle-btn:hover{text-decoration:underline}.social-btn{cursor:pointer;color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px;font-weight:600;transition:background-color .2s;display:flex}.social-btn:hover:not(:disabled){background-color:#f9fafb}.google-icon{flex-shrink:0;width:20px;height:20px}.divider{text-align:center;color:#9ca3af;flex-shrink:0;margin:1.5rem 0;font-size:.875rem;font-weight:600;position:relative}.divider:before,.divider:after{content:"";background-color:#e5e7eb;width:40%;height:1px;position:absolute;top:50%}.divider:before{left:0}.divider:after{right:0}.auth-form{flex-direction:column;gap:1rem;width:100%;display:flex}.auth-input{color:#111827;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 2px #4f46e533}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper .auth-input{padding-right:40px}.password-toggle{cursor:pointer;color:#6b7280;background:0 0;border:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.signup-fields-wrapper{opacity:0;flex-direction:column;flex-shrink:0;gap:1rem;width:100%;max-height:0;transition:max-height .5s ease-in-out,opacity .5s ease-in-out,margin-bottom .5s ease-in-out;display:flex;overflow:hidden}.signup-fields-wrapper.open{opacity:1;max-height:300px}.password-strength-container{flex-shrink:0;justify-content:space-around;width:100%;margin-top:-.5rem;font-size:12px;display:flex}.strength-indicator{color:#9ca3af;transition:color .3s}.strength-indicator.met{color:#16a34a}.forgot-password-btn{color:#4f46e5;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-self:flex-end;margin-top:-.5rem;font-size:.875rem;font-weight:600}.forgot-password-btn:hover{text-decoration:underline}.auth-submit-btn{color:#fff;cursor:pointer;background-color:#111827;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:12px;font-weight:700;transition:background-color .2s;display:flex}.auth-submit-btn:hover:not(:disabled){background-color:#374151}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.legal-links{text-align:center;color:#6b7280;flex-shrink:0;margin-top:1.5rem;font-size:.75rem;line-height:1.5}.legal-links a{color:#4b5563;font-weight:600;text-decoration:underline}