.auth-modal{max-width:var(--modal-max-width);border-radius:24px;animation:.5s cubic-bezier(.34,1.56,.64,1) modalSlideIn;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-modal-card{background:var(--color-white);box-shadow:var(--shadow-auth-modal);border-radius:24px;grid-template-columns:1fr 1.2fr;width:100%;max-width:1100px;min-height:600px;max-height:90vh;display:grid;position:relative;overflow:hidden}.auth-modal-card-reversed{grid-template-columns:1.2fr 1fr}.auth-modal-card[data-view] .auth-modal-form-section{animation:.6s cubic-bezier(.34,1.56,.64,1) slideInForm}.auth-modal-card[data-view] .auth-modal-image-section{animation:.6s cubic-bezier(.34,1.56,.64,1) .1s backwards slideInImage}@keyframes slideInForm{0%{opacity:0;transform:translate(-60px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes slideInImage{0%{opacity:0;transform:translate(60px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.auth-modal-image-section{background:linear-gradient(135deg, var(--color-gradient-modal-bg-1) 0%, var(--color-gradient-modal-bg-2) 50%, var(--color-gradient-modal-bg-3) 100%);-webkit-backdrop-filter:blur(20px);justify-content:center;align-items:center;padding:3rem;display:flex;position:relative;overflow:hidden}.auth-modal-image-section:before,.auth-modal-image-section:after{content:"";filter:blur(60px);z-index:0;border-radius:50%;position:absolute}.auth-modal-image-section:before{background:var(--color-float-ball-1);width:300px;height:300px;animation:8s ease-in-out infinite floatBall1;top:20%;left:10%}.auth-modal-image-section:after{background:var(--color-float-ball-2);width:250px;height:250px;animation:10s ease-in-out infinite floatBall2;bottom:15%;right:15%}.auth-modal-penguin:before{content:"";background:var(--color-float-ball-3);filter:blur(50px);z-index:-1;border-radius:50%;width:200px;height:200px;animation:6s ease-in-out infinite floatBall3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-modal-image-section>:first-child:after{content:"";background:var(--color-float-ball-4);filter:blur(55px);z-index:0;border-radius:50%;width:180px;height:180px;animation:12s ease-in-out infinite floatBall4;position:absolute;top:10%;right:20%}@keyframes floatBall1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(80px,-60px)scale(1.5)}}@keyframes floatBall2{0%,to{transform:translate(0)scaleX(1)}33%{transform:translate(-70px,50px)scaleX(1.8)}66%{transform:translate(60px,-40px)scaleX(.6)}}@keyframes floatBall3{0%,to{opacity:.55;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.8)}}@keyframes floatBall4{0%,to{transform:translate(0)scale(1)rotate(0)}25%{transform:translate(45px,-55px)scale(1.4)rotate(120deg)}75%{transform:translate(-35px,65px)scale(.7)rotate(-120deg)}}.auth-modal-penguin{z-index:1;object-fit:contain;object-position:center;width:100%;max-width:450px;height:auto;max-height:100%;filter:drop-shadow(var(--shadow-datepicker));position:relative}.auth-modal-form-section{background:var(--color-white);justify-content:flex-start;align-items:flex-start;padding:2.5rem 2rem;display:flex;overflow:hidden auto}.auth-modal-form-section::-webkit-scrollbar{width:0;height:0;display:none}.auth-modal-form-section{scrollbar-width:none;-ms-overflow-style:none}.auth-modal-form-container{width:100%;max-width:480px;margin:0 auto}.auth-form-content{flex-direction:column;gap:0;width:100%;display:flex}.auth-modal-form-container .auth-form-content>*{margin-bottom:.8rem}.auth-modal-form-container .auth-form-content>:last-child{margin-bottom:0}.auth-modal-form-container .welcome-section{margin-bottom:.5rem}.auth-modal-form-container .welcome-title{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.75rem}.auth-modal-form-container .welcome-subtitle{color:var(--color-text-secondary);font-size:.95rem}.ban-notice-card{background:linear-gradient(#fef2f2f2 0%,#fffffffa 100%);border:1px solid #dc262659;border-radius:14px;gap:12px;margin:8px 0 14px;padding:12px 14px;display:flex;box-shadow:0 8px 24px #b91c1c1f}.ban-notice-icon{color:#991b1b;background:#fee2e2e6;border:1px solid #b91c1c80;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:800;display:flex}.ban-notice-content{flex-direction:column;gap:4px;display:flex}.ban-notice-title{color:#991b1b;margin:0;font-size:.95rem;font-weight:700}.ban-notice-text,.ban-notice-meta{color:#7f1d1d;margin:0;font-size:.86rem;line-height:1.4}.auth-modal-form-container .login-form,.auth-modal-form-container .register-form{flex-direction:column;gap:0;margin-top:0;display:flex}.auth-modal-form-container .form-section{flex-direction:column;gap:0;margin-bottom:0;display:flex}.auth-modal-form-container .form-section>:not(:last-child){margin-bottom:.8rem}.auth-modal-form-container .register-form .form-section>:not(:last-child){margin-bottom:.5rem}.auth-modal-form-container .register-form .form-section>input[type=password]:last-of-type,.auth-modal-form-container .register-form .form-section>.input-wrapper:last-of-type{margin-bottom:.15rem}.auth-modal-form-container .divider-section{margin-top:.8rem;margin-bottom:.8rem}.divider-section{text-align:center;margin:0 0 var(--space-md,1rem) 0;align-items:center;width:100%;display:flex}.divider-line{background:var(--color-border-subtle);flex:1;height:1px}.divider-text{color:var(--color-text-secondary);white-space:nowrap;padding:0 12px;font-size:13px;font-weight:500}.social-buttons{gap:12px;width:100%;margin-bottom:16px;display:flex}.social-btn{background:var(--color-surface-glass-strong);border:1px solid var(--color-border-strong);color:var(--color-text-primary);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s;display:flex}.social-btn:hover{background:var(--social-button-hover);border-color:var(--color-text-link);box-shadow:0 4px 12px var(--toast-button-border);transform:translateY(-1px)}.social-btn:active{transform:translateY(0)}.social-btn:disabled{opacity:.6;cursor:not-allowed}.social-icon{flex-shrink:0;width:20px;height:20px}.auth-modal-form-container .form-section .step-buttons{margin-top:.15rem}.auth-modal-form-container .social-buttons{margin-bottom:.6rem!important}.auth-modal-form-container .register-form input,.auth-modal-form-container .register-form select,.auth-modal-form-container .register-form .input-field{padding:.65rem .9rem;font-size:14px}.auth-modal-form-container .register-form .welcome-title{font-size:1.6rem}.auth-modal-form-container .register-form .welcome-subtitle{font-size:.9rem}.auth-modal-form-container .form-options-container{width:100%;margin-top:.3rem;margin-bottom:.3rem}.auth-modal-form-container .form-options{justify-content:space-between;align-items:center;width:100%;display:flex}.auth-modal-form-container .remember-me{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.auth-modal-form-container .checkbox{cursor:pointer;vertical-align:middle;flex-shrink:0;width:20px;height:20px;margin:0;padding:0}.auth-modal-form-container .checkbox-label{align-items:center;margin:0;padding:0;font-size:14px;line-height:20px;display:flex}.auth-modal-form-container .signup-section,.auth-modal-form-container .signin-section{margin-top:1rem;padding-top:0}.auth-modal-form-container .signup-link,.auth-modal-form-container .signin-link{color:var(--color-text-link);cursor:pointer;font-weight:600;text-decoration:none;transition:all .2s}.auth-modal-form-container .signup-link:hover,.auth-modal-form-container .signin-link:hover{color:var(--link-hover);text-decoration:underline}.auth-modal-form-section::-webkit-scrollbar{width:8px}.auth-modal-form-section::-webkit-scrollbar-track{background:var(--color-scrollbar-track-auth);border-radius:4px}.auth-modal-form-section::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb-auth);border-radius:4px}.auth-modal-form-section::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-auth-hover)}.auth-modal-form-container .progress-bar{margin-bottom:1.5rem}.auth-modal-form-container .input-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.phone-number-wrapper{margin-bottom:16px}.phone-number-wrapper .select-label{color:var(--color-text-primary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.phone-input-group{background:var(--color-surface-glass-strong);border:1px solid var(--color-border-strong);border-radius:12px;align-items:stretch;gap:0;transition:all .3s;display:flex;overflow:hidden}.phone-input-group:focus-within{border-color:var(--color-text-link);box-shadow:0 0 0 3px var(--focus-ring-primary)}.phone-input-group .searchable-select-wrapper{border-right:1px solid var(--color-border-strong);width:10%;min-width:80px;margin-bottom:0}.phone-input-group .searchable-select-wrapper .searchable-select-trigger{background:var(--color-transparent);border:none;border-radius:0;height:52px;min-height:52px;padding:10px 8px}.phone-input-group .searchable-select-wrapper .searchable-select-trigger:hover,.phone-input-group .searchable-select-wrapper .searchable-select-trigger:focus{box-shadow:none;border:none}.phone-input-group .input-wrapper{flex:1;margin-bottom:0}.phone-input-group .input-fieldset{background:var(--color-transparent);border:none;border-radius:0;height:52px;min-height:52px}.phone-input-group .input-fieldset:hover,.phone-input-group .input-fieldset:focus-within{box-shadow:none;border:none}.textarea-wrapper{width:100%;margin-bottom:16px}.textarea-label{color:var(--color-text-primary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.textarea-input{background:var(--color-surface-glass-strong);border:1px solid var(--color-border-strong);width:100%;color:var(--color-text-primary);resize:vertical;border-radius:12px;min-height:120px;padding:12px;font-family:inherit;font-size:14px;transition:all .3s}.textarea-input:hover{border-color:var(--color-text-link)}.textarea-input:focus{border-color:var(--color-text-link);box-shadow:0 0 0 3px var(--focus-ring-primary);outline:none}.textarea-input::placeholder{color:var(--color-text-secondary)}.textarea-input:disabled{opacity:.5;cursor:not-allowed}