.auth__container{background:#fff;border-radius:1rem;padding:2rem 5rem;width:100%;max-width:450px;margin:0 auto;color:#111827}.dark .auth__container{background:#1f2937;color:#f3f4f6}@media(max-width:480px){.auth__container{padding:1.5rem 1.25rem;border-radius:.75rem}}.auth__tabs{position:relative;display:flex;background:#f3f4f6;border-radius:10px;overflow:hidden;margin-bottom:2rem;padding:.25rem}.dark .auth__tabs{background:#374151}@media(max-width:480px){.auth__tabs{font-size:.85rem;margin-bottom:1.25rem}}.auth__tab{flex:1;text-align:center;padding:.75rem 1rem;font-weight:600;color:#6b7280;background:rgba(0,0,0,0);border:none;cursor:pointer;position:relative;z-index:2;transition:color .3s}.auth__tab.active{color:#f89921}@media(max-width:480px){.auth__tab{padding:.5rem .75rem}}.auth__toggle-indicator{position:absolute;top:0;bottom:0;width:50%;border-radius:10px;background:#fff;transition:transform .3s ease;z-index:1;margin:5px}.dark .auth__toggle-indicator{background:#111827}.auth__toggle-indicator.signup{transform:translateX(0)}.auth__toggle-indicator.login{transform:translateX(100%)}.auth__form{display:flex;flex-direction:column;gap:1.25rem}.auth__form input{width:100%;padding:.75rem;margin-top:.25rem;border:1px solid #e5e7eb;border-radius:.5rem}@media(max-width:480px){.auth__form input{padding:.65rem;font-size:.9rem}}.auth__form-group{display:flex;flex-direction:column;gap:.25rem}.auth__form-group label{font-size:.875rem;color:#374151;font-weight:500}.dark .auth__form-group label{color:#d1d5db}.auth__password{position:relative}.auth__password input{padding-right:2.5rem}.auth__password .auth__eye{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);cursor:pointer;background:rgba(0,0,0,0);border:none;color:#6b7280;font-size:.85rem;padding:0}.auth__password .auth__eye:hover{color:#374151}.dark .auth__password .auth__eye{color:#9ca3af}.auth__error{color:#dc2626;font-size:.75rem;margin-top:.25rem;display:block}.auth__cta{width:100%;background-color:#34a853;color:#fff;padding:.75rem;border:none;border-radius:.75rem;margin-top:1rem;cursor:pointer;font-weight:600}.auth__cta:hover{background-color:#105f25}@media(max-width:480px){.auth__cta{padding:.65rem;font-size:.9rem}}.auth__terms{font-size:.75rem;margin-top:-.5rem;margin-bottom:.75rem;color:#6b7280}.auth__terms a{color:#f89921;text-decoration:underline}.auth__divider{text-align:center;margin:1.5rem 0;font-size:.75rem;color:#000;position:relative;padding:1rem}.auth__divider:after,.auth__divider:before{content:"";position:absolute;height:1px;width:40%;top:50%;background:#e5e7eb}.auth__divider:before{left:0}.auth__divider:after{right:0}@media(max-width:480px){.auth__divider{font-size:.7rem;padding:.75rem 0}}.auth__socials{margin-top:1rem;display:flex;justify-content:center}.auth__socials .social-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.65rem 1rem;border:1px solid #dadce0;border-radius:9999px;background:#fff;color:#3c4043;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}.dark .auth__socials .social-btn{color:#d1d5db;background-color:#000}.auth__socials .social-btn img{width:20px;height:20px}.auth__socials .social-btn:hover{background:#f7f8f8;box-shadow:0 1px 2px rgba(0,0,0,.1)}.auth__socials .social-btn:active{background:#eee}.auth__forgot-password{text-align:start;margin:.5rem 0 1rem}.auth__forgot-password .auth__forgot-link{font-size:.9rem;text-decoration:underline;color:#007bff;cursor:pointer;transition:color .2s}.auth__forgot-password .auth__forgot-link:hover{color:#0056b3}.auth__password-validations{font-size:.75rem;color:#6b7280}