.auth-container{min-height:100vh;justify-content:center;background-image:url(/auth/bg-auth.png);background-size:cover;background-position:50%;background-repeat:no-repeat;padding:1rem}.auth-card,.auth-container{display:flex;align-items:center}.auth-card{padding:2rem;width:100%;max-width:32rem;margin:0 auto;flex-direction:column}.auth-container .auth-card .primary-button-color{background-color:#22202A;color:#FFFFFF}.auth-container .auth-card .primary-button-color:hover{background-color:#424242}.mode-tabs{display:flex;background-color:#f3f4f6;border-radius:.5rem;padding:.25rem;margin-bottom:2rem;width:100%;max-width:400px}.mode-tab{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:#6b7280;font-size:.875rem;font-weight:500;border-radius:.375rem;cursor:pointer;transition:all .2s}.mode-tab.active{background:white;color:#3b82f6;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.mode-tab:hover:not(.active){color:#374151}.terms-agreement{margin-top:2rem;text-align:center;width:100%;line-height:1.6;word-break:keep-all;hyphens:none}.clerk-form{width:100%;max-width:400px;text-align:center}.clerk-form .cl-formField{margin-bottom:1rem}.clerk-form .cl-formFieldInput{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.clerk-form .cl-formFieldInput:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.clerk-form .cl-formButtonPrimary{width:100%;background-color:#3b82f6;color:white;padding:.75rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.clerk-form .cl-formButtonPrimary:hover{background-color:#2563eb}.clerk-form .cl-formButtonPrimary.primary-button-color:hover{background-color:#424242}.clerk-form .cl-socialButtonsBlockButton{width:100%;display:flex;align-items:center;justify-content:center;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;background:white;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s;margin-bottom:.5rem}.clerk-form .cl-socialButtonsBlockButton:hover{background-color:#f9fafb;border-color:#9ca3af}.clerk-form .cl-dividerLine{border:none;height:1px;background-color:#e5e7eb;margin:1.5rem 0}.clerk-form .cl-dividerText{text-align:center;color:#6b7280;font-size:.875rem;margin:1.5rem 0;position:relative}.clerk-form .cl-dividerText:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#e5e7eb;z-index:1}.clerk-form .cl-dividerText span{background:white;padding:0 1rem;position:relative;z-index:2}.clerk-form .cl-footerActionLink{color:#3b82f6;text-decoration:none;font-size:.875rem;font-weight:500}.clerk-form .cl-footerActionLink:hover{color:#2563eb;text-decoration:underline}.error-message-container{width:100%;max-width:400px;text-align:center}.logout-button-container{display:flex;justify-content:center;margin-top:1rem}.beta-signup-link{width:100%;max-width:400px;text-align:center}@media (max-width:640px){.auth-container{padding:.5rem}.auth-card{padding:1.5rem;margin:0}}@media (max-width:480px){.auth-card{padding:1rem;border-radius:.75rem}.clerk-form .cl-formFieldInput{padding:.875rem;font-size:1rem}.clerk-form .cl-formButtonPrimary{padding:.875rem 1rem;font-size:1rem}.clerk-form .cl-socialButtonsBlockButton{padding:.875rem;font-size:1rem}}