.auth-container{display:flex;flex-direction:column;align-items:center;padding:2rem 5rem;background-color:var(--background-full);font-family:Termina Demi,sans-serif;font-size:inherit;font-weight:500;border-radius:var(--radius-small);position:relative;width:35%;max-width:550px;min-width:600px;margin:auto;overflow:hidden}.auth-title{font-family:var(--family-mobile-h1);color:var(--text-color-primary);text-align:center;margin-bottom:2rem}.auth-form{width:100%;display:flex;flex-direction:column;gap:1rem}.auth-input-container{display:flex;align-items:center;background-color:var(--background-primary);border:var(--border-gray);border-radius:var(--radius-small);padding:.65rem;width:100%}.auth-input-icon{color:#8fc0e5;font-size:1.5em;margin-right:.75rem}.auth-input-inner-container{display:flex;flex-direction:column;align-content:center;width:100%;margin-left:.5rem}.auth-input-label{font-size:12px;color:var(--text-color-email-label)}.auth-input{width:100%;border:none;background-color:transparent;color:var(--text-color-primary);font-size:16px;outline:none}.auth-action-button{padding:.75rem;border:none;border-radius:var(--radius-small);background-color:var(--button-background);color:var(--button-text-color);cursor:pointer;margin-top:1rem}.auth-or{display:flex;align-items:center;color:var(--text-muted);font-size:.875rem;margin:1rem 0;gap:.5rem}.auth-or-text{line-height:1.1;transform:scaleY(.8);color:var(--text-gray)}.auth-line{flex-grow:1;height:1px;background-color:var(--text-gray)}.auth-social-buttons{display:flex;flex-direction:column;gap:.5rem;font-weight:500}.social-button-text{color:var(--text-color-primary)}.auth-social-button{padding:.75rem;border:1px solid var(--border-primary);border-radius:var(--radius-small);background-color:var(--background-light);color:var(--text-dark);font-size:16px;cursor:pointer}.auth-footer{text-align:center;color:var(--text-color-primary);margin-top:1.5rem;line-height:1.1;transform:scaleY(.8)}.auth-footer a{color:var(--text-lightblue);text-decoration:none;cursor:pointer}.email-icon{color:var(--icon-fill-background-secondary)}.checkbox-input-container{appearance:none;width:16px;height:16px;border:var(--border-checkbox);border-radius:4.8px;outline:none;cursor:pointer;display:inline-block;position:relative;vertical-align:middle;white-space:nowrap}.checkbox-input-container:checked{background-color:var(--button-background-primary)}.checkbox-input-container:checked:after{content:"✔";font-size:12px;color:rgba(255,255,255,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-checkbox-container{display:flex;gap:.15rem;font-size:var(--size-12);white-space:nowrap}.auth-checkbox-label{font-family:var(--family-inter);color:var(--text-color-primary);white-space:normal}.auth-checkbox-label,.auth-checkbox-label a{cursor:pointer;letter-spacing:-.03em;word-spacing:normal}.auth-checkbox-label a{color:var(--text-link);text-decoration:underline;white-space:nowrap}.auth-sub{display:flex;flex-direction:column;gap:.5rem}.auth-error-message-container{margin-top:1rem;background-color:var(--background-error);border:none;border-radius:8px;padding:1rem;width:100%;max-width:450px;margin-left:auto;margin-right:auto}.auth-error-message-container .error-container{background-color:transparent!important}.auth-error-box{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.auth-error-icon{font-size:1.5rem;color:var(--text-color-error)}.auth-error-message{color:var(--text-color-error);font-size:1rem;margin:0}.auth-signup-button{display:block;background-color:var(--button-background-primary);color:white;border:none;padding:1rem;font-size:1rem;margin:auto;cursor:pointer;border-radius:8px;width:100%;text-align:center;letter-spacing:-.04em;line-height:1.1;transform:scaleY(.8)}@media (max-width:768px){.auth-container{padding:1rem;width:95%;margin-top:1rem;min-width:0}.auth-title{font-size:1rem}.auth-input-icon{font-size:1.2em}.auth-input-label{font-size:10px}.auth-input{font-size:14px}.auth-action-button{font-size:14px;padding:.75rem}.auth-social-button{font-size:14px}}@media (orientation:landscape) and (max-height:480px){.auth-container{width:60%;padding:.5rem}.auth-title{font-size:1rem}.auth-action-button{padding:.5rem}}