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