.auth-layout{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-6);background:var(--gradient-body)}@media(max-width:768px){.auth-layout{padding:var(--spacing-4)}}.auth-layout-inner{display:grid;width:100%;grid-template-columns:1fr 1fr;height:100%;min-height:calc(100dvh - var(--spacing-6)*2);grid-gap:var(--spacing-6);gap:var(--spacing-6)}@media(max-width:1200px){.auth-layout-inner{grid-template-columns:1fr;height:auto;max-height:none}}.auth-image-section{flex:0 0 672px;display:flex;align-items:center;justify-content:center}@media(max-width:1200px){.auth-image-section{flex:0 0 400px}}@media(max-width:768px){.auth-image-section{flex:0 0 300px}}.auth-image-container{position:relative;width:100%;height:100%;border-radius:50px;overflow:hidden;background-image:url(/images/auth/background.png);background-size:cover;background-position:50%}.auth-image-container:after{content:"";position:absolute;inset:0;background:rgba(227,232,248,.1);border-radius:50px}.auth-logo-wrapper{position:absolute;top:88px;left:80px;z-index:10}@media(max-width:768px){.auth-logo-wrapper{top:40px;left:40px}}.auth-content-section{flex:1 1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-6)}@media(max-width:768px){.auth-content-section{padding:var(--spacing-4)}}.auth-content-wrapper{max-width:560px}.auth-content-wrapper,.auth-form{width:100%;display:flex;flex-direction:column;gap:var(--spacing-6)}.auth-form{align-items:flex-start}.auth-form.no-gap{gap:0}.auth-form-header{display:flex;flex-direction:column;gap:var(--spacing-2)}.auth-form-header h1,.auth-form-header h2,.auth-form-header h3,.auth-form-header h4{font-family:var(--font-family);font-weight:var(--font-weight-bold);font-size:var(--font-size-3xl);line-height:var(--line-height-tight);color:var(--primary-dark);margin:0}.auth-form-header p{font-family:var(--font-family);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);line-height:var(--line-height-tight);color:var(--text-secondary);margin:0}.auth-form-container{background:hsla(0,0%,100%,.3);border-radius:30px;padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}.auth-form-container .phone-input-auth .MuiOutlinedInput-root .MuiInputAdornment-root p{font-size:var(--font-size-lg)}.auth-field-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2)}.auth-field-wrapper .auth-field-label{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);line-height:var(--line-height-tight);color:var(--secondary-main);margin:0}.auth-alert{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-6);border-radius:30px;border:1.7px solid;background:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-alert.auth-alert-success{border-color:var(--purple-main)}.auth-alert.auth-alert-success .auth-alert-icon{color:var(--purple-main)}.auth-alert.auth-alert-error{border-color:#f56b95}.auth-alert.auth-alert-error .auth-alert-icon{color:#f56b95}.auth-alert.auth-alert-info{border-color:var(--primary-main)}.auth-alert.auth-alert-info .auth-alert-icon{color:var(--primary-main)}.auth-alert.auth-alert-warning{border-color:#ffa726}.auth-alert.auth-alert-warning .auth-alert-icon{color:#ffa726}.auth-alert-content{display:flex;flex-direction:column;gap:var(--spacing-1)}.auth-alert-content p{font-family:var(--font-family);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);line-height:var(--line-height-tight);color:var(--text-primary);margin:0}.auth-alert-content p.auth-alert-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary)}.auth-alert-icon{font-size:32px;flex-shrink:0}.auth-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-4);width:100%}@media(min-width:768px){.auth-actions{flex-direction:row;align-items:center}.auth-actions>*{flex-shrink:0;width:auto}.auth-actions button{max-width:-moz-fit-content;max-width:fit-content}}.auth-link{text-align:center;color:var(--text-secondary)}.auth-link,.auth-link a,.auth-link button{font-family:var(--font-family);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md)}.auth-link a,.auth-link button{color:var(--primary-main);text-decoration:underline;background:none;border:none;cursor:pointer;padding:0}.auth-link a:hover,.auth-link button:hover{color:var(--primary-dark)}.mfa-method-selector{display:flex;gap:var(--spacing-4);margin:var(--spacing-4) 0}@media(max-width:600px){.mfa-method-selector{flex-direction:column}}.mfa-method-selector .mfa-method-card{flex:1 1;padding:var(--spacing-4);border:2px solid rgba(87,93,107,.2);background:hsla(0,0%,100%,.7);border-radius:15px;cursor:pointer;transition:all .3s ease}.mfa-method-selector .mfa-method-card.selected,.mfa-method-selector .mfa-method-card:hover{border-color:var(--primary-main);background:hsla(0,0%,100%,.9)}.qr-code-container{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-6);background:hsla(0,0%,100%,.5);border-radius:30px;margin:var(--spacing-4) 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.qr-code-container img{max-width:256px;width:100%;height:auto}.manual-key-container{margin:var(--spacing-4) 0;padding:var(--spacing-4);background:hsla(0,0%,100%,.7);border-radius:15px}.manual-key-container code{word-break:break-all;font-family:Courier New,monospace;font-size:var(--font-size-sm)}.verification-step{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:var(--spacing-4);padding:var(--spacing-6) 0;padding-top:0!important}.resend-timer{text-align:left;color:var(--secondary-main)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-semibold)!important}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}@media(max-width:1200px){.auth-layout-inner{gap:var(--spacing-4)}.auth-content-wrapper{max-width:100%}}@media(max-width:768px){.auth-form-header h1,.auth-form-header h2,.auth-form-header h3,.auth-form-header h4{font-size:var(--font-size-xxl)}.auth-form-header p{font-size:var(--font-size-md)}.auth-alert,.auth-form-container{padding:var(--spacing-4);border-radius:20px}}