.login-logo-small{text-align:left;height:34px}.login-logo-small img{height:34px;width:auto}.code-generation-page{margin:0;padding:0;min-height:100vh;background:var(--neutral-100);font-family:var(--font-family-primary);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.code-generation-container{width:100%;max-width:650px;margin:0 auto}.code-generation-wrapper{background:var(--neutral-0);border-radius:var(--radius-3xl);box-shadow:0 20px 60px #1d4ed833;overflow:hidden;text-align:center;animation:fadeInUp .6s ease-out}.code-generation-area{padding:var(--space-14) var(--space-14)}#resendVerificationForm .form-group{margin-bottom:var(--space-6)}.code-generation-info{margin-bottom:var(--space-6);margin-top:var(--space-6)}.code-generation-info p{margin:0;font-size:var(--text-sm);color:var(--error-600);line-height:var(--leading-relaxed)}.info-section{text-align:left;margin-bottom:var(--space-8);background:linear-gradient(135deg,#3b82f608,#3b82f600);border-width:initial;border-style:none;border-color:initial;border-image:initial;border-radius:var(--radius-lg);padding:var(--space-5) var(--space-5);transition:.3s}.info-section-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-base);font-weight:600;color:var(--primary-700);margin-bottom:var(--space-3);letter-spacing:-.3px}.info-section-title i{font-size:22px;color:var(--primary-600);background:var(--primary-50);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0}.info-section-text{font-size:var(--text-sm);color:var(--neutral-700);line-height:1.7;font-weight:400;margin:0}.info-section-list{margin:var(--space-4) 0 0 0;padding:0;list-style:none;padding-left:var(--space-4)}.info-section-list li{font-size:var(--text-sm);color:var(--neutral-700);line-height:1.8;margin-bottom:var(--space-3);position:relative;padding-left:var(--space-6);font-weight:400;transition:.2s}.info-section-list li:hover{color:var(--primary-700);padding-left:var(--space-8)}.info-section-list li:before{content:"✓";position:absolute;left:0;color:var(--primary-600);font-weight:700;font-size:var(--text-base)}.info-section hr{display:block;height:1px;border:0;border-top:1px solid var(--primary-200);margin:var(--space-8) var(--space-1) var(--space-12) var(--space-1);padding:0}.info-box.red{display:flex;align-items:flex-start;gap:var(--space-4);background:transparent;border:2px solid var(--error-400);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-top:var(--space-12);text-align:left;position:relative;overflow:hidden}.info-box.red:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--error-500)}.info-box.red>i{font-size:24px;color:var(--error-600);flex-shrink:0;background:transparent;width:auto;height:auto;display:flex;align-items:flex-start;justify-content:center;border-radius:0;padding-top:2px}.info-box.red .info-text{flex:1}.info-box.red .info-text strong{display:block;font-size:var(--text-base);font-weight:600;color:var(--error-600);margin-bottom:var(--space-2);letter-spacing:-.3px}.info-box.red .code-generation-info p{margin:0;font-size:var(--text-sm);color:var(--error-600);line-height:1.7;font-weight:500}.info-box{display:flex;align-items:flex-start;gap:var(--space-4);background:var(--error-50);border-left:4px solid var(--error-500);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);text-align:left}.info-box>i{font-size:28px;color:var(--error-600);flex-shrink:0;background:var(--error-100);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg)}.info-text{flex:1}.info-text strong{display:block;font-weight:var(--font-semibold);color:var(--error-600);margin-bottom:var(--space-2);letter-spacing:-.3px}.info-text ul{margin:0;padding-left:var(--space-5);list-style:disc}.info-text ul li{font-size:var(--text-sm);color:var(--error-600);line-height:var(--leading-relaxed);margin-bottom:var(--space-1)}.info-text ul li:last-child{margin-bottom:0}.code-generation-logo{margin-bottom:var(--space-8)}.code-generation-logo img{height:38px;width:auto}.code-generation-icon-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-6)}.code-generation-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scaleIn .5s ease-out .2s both}.code-generation-icon.success{background:var(--success-50);color:var(--success-600)}.code-generation-icon.error{background:var(--error-50);color:var(--error-600)}.code-generation-icon i{font-size:42px}.code-generation-content{margin-bottom:var(--space-8)}.code-generation-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--neutral-900);margin-bottom:var(--space-3);line-height:var(--leading-tight)}.code-generation-description{font-size:var(--text-base);color:var(--neutral-600);line-height:var(--leading-relaxed);margin:0}.copyright{margin-top:var(--space-4)}.copyright p{font-size:var(--text-xs);color:var(--neutral-500);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-8);height:48px;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);font-family:var(--font-family-primary);text-decoration:none;transition:all var(--transition-base);cursor:pointer;border:none;outline:none;position:relative}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-500));color:var(--neutral-0)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-500),var(--primary-700));transform:translateY(0);box-shadow:var(--shadow-primary)}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(0)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-large{min-width:200px}.btn i{font-size:var(--text-lg)}.code-generation-footer{padding:var(--space-6) var(--space-14);border-top:1px solid var(--neutral-200);background-color:var(--neutral-50);text-align:center}.code-generation-footer-text{font-size:var(--text-sm);color:var(--neutral-500);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.code-generation-footer-text a{color:var(--primary-600);text-decoration:none;font-weight:var(--font-medium);transition:color var(--transition-base)}.code-generation-footer-text a:hover{color:var(--primary-700);text-decoration:underline}.language-selector{display:flex;gap:var(--space-2)}.lang-link{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);text-decoration:none;color:var(--neutral-600);font-weight:var(--font-medium);font-size:var(--text-sm);transition:all var(--transition-base)}.lang-link.active,.lang-link:hover{background:var(--primary-50);color:var(--primary-600)}.login-form-container{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-10) var(--space-6) var(--space-8) var(--space-6);max-width:480px;margin:0 auto;width:100%}.login-welcome{text-align:left;margin-bottom:var(--space-6)}.login-type-title{display:block;font-size:var(--text-xs);color:var(--neutral-500);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.login-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--neutral-900);line-height:var(--leading-tight)}.login-subtitle{font-size:var(--text-base);color:var(--neutral-600);line-height:var(--leading-relaxed);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--space-1);text-align:left}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-700);margin-bottom:var(--space-1)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--space-4);color:var(--neutral-400);font-size:var(--text-lg);z-index:1}.form-input{width:100%;height:52px;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-12);border:1px solid var(--neutral-300);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-family-primary);background:var(--neutral-0);color:var(--neutral-900);transition:all var(--transition-base);outline:none;box-shadow:none}.form-input:focus{border-color:var(--primary-500);box-shadow:none;outline:none}.form-input.error{border-color:var(--error-500)!important}.form-input.error:focus{border-color:var(--error-500)!important}.form-input::placeholder{color:var(--neutral-400)}.form-textarea{width:100%;min-height:120px;padding:var(--space-3) var(--space-4);border:1px solid var(--neutral-300);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-family-primary);background:var(--neutral-0);color:var(--neutral-900);transition:all var(--transition-base);outline:none;box-shadow:none;resize:vertical}.form-textarea:focus{border-color:var(--primary-500);box-shadow:none;outline:none}.form-textarea.error{border-color:var(--error-500)!important}.form-textarea.error:focus{border-color:var(--error-500)!important}.form-textarea::placeholder{color:var(--neutral-400)}.password-toggle{position:absolute;right:var(--space-4);background:none;border:none;color:var(--neutral-400);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-base);z-index:2}.password-toggle:hover{color:var(--neutral-600);background:var(--neutral-50)}.field-error{color:var(--error-600);font-size:var(--text-sm);opacity:0;transform:translateY(-4px);transition:all var(--transition-base);min-height:24px;text-align:left}.field-error.show{opacity:1;transform:translateY(0)}#serialNumberForm .form-label{text-align:left}.form-send{margin-top:var(--space-2)}.form-send .btn-large{width:100%}.quota-counter{display:flex;align-items:center;gap:var(--space-4);background:linear-gradient(135deg,var(--primary-50) 0%,rgba(59,130,246,.03) 100%);border:1.5px solid var(--primary-200);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--primary-700);font-weight:500;transition:all .3s ease}.quota-counter i{font-size:20px;color:var(--primary-600);background:var(--primary-100);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0}.quota-counter strong{color:var(--primary-700);font-weight:700;font-size:var(--text-base)}.form-options{display:flex;justify-content:space-between;align-items:center;margin:var(--space-1) 0 var(--space-4) 0}.checkbox-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--neutral-700)}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:20px;height:20px;border:1px solid var(--neutral-300);border-radius:5px;background:var(--neutral-0);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);position:relative}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--primary-500);border-color:var(--primary-500)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";color:var(--neutral-0);font-size:12px;font-weight:var(--font-bold)}.checkbox-text{-webkit-user-select:none;user-select:none;line-height:20px}.checkbox-text a{color:var(--primary-600);text-decoration:none;font-weight:var(--font-medium);transition:all var(--transition-base)}.checkbox-text a:hover{color:var(--primary-700);text-decoration:underline}.forgot-password-link{color:var(--primary-600);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-base)}.forgot-password-link:hover{color:var(--primary-700);text-decoration:underline}.login-btn{width:100%;height:52px;background:linear-gradient(135deg,var(--primary-500),var(--primary-500));color:var(--neutral-0);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);font-family:var(--font-family-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-base);position:relative}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-500),var(--primary-700));transform:translateY(0);box-shadow:var(--shadow-primary)}.login-btn:hover:before{left:100%}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-btn:disabled{opacity:.8;cursor:not-allowed;transform:none;pointer-events:none}.login-btn.loading i,.login-btn.loading span{opacity:0}.login-btn.loading:after{content:"";position:absolute;left:calc(50% - 10px);top:50%;width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;transform:translate(-50%,-50%);margin-top:-9px;animation:spin 1s linear infinite}.register-section{text-align:center;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--neutral-200)}.register-text{font-size:var(--text-sm);color:var(--neutral-600);margin:0}.register-link{color:var(--primary-600);text-decoration:none;font-weight:var(--font-medium);transition:all var(--transition-base)}.register-link:hover{color:var(--primary-700);text-decoration:underline}#forgotForm .form-group{margin-bottom:var(--space-6)}.login-footer{padding:var(--space-6) var(--space-14);border-top:1px solid var(--neutral-200);background-color:var(--neutral-50);text-align:center}.footer-links{display:flex;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-4)}.footer-link{color:var(--neutral-600);text-decoration:none;font-size:var(--text-sm);transition:all var(--transition-base)}.footer-link:hover{color:var(--primary-600)}.login-right{position:relative;overflow:hidden}.slider-container,.loginSwiper{height:100%;width:100%}.swiper-slide{position:relative;display:flex;align-items:flex-end;justify-content:flex-start;padding:var(--space-12);background:var(--neutral-900)}.slide-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.slide-image img{width:100%;height:100%;object-fit:cover}.slide-overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#0d1b2a 5%,#1a2a6c 35%,transparent 100%);opacity:.9;z-index:2}.slide-content{position:relative;z-index:3;color:var(--neutral-0);max-width:400px;margin-bottom:var(--space-8);text-align:left}.slide-content h3{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);line-height:var(--leading-tight);color:var(--neutral-0)}.slide-content p{font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-relaxed);opacity:.7;margin:0}.swiper-pagination{bottom:var(--space-6)!important;left:var(--space-12)!important;width:auto!important;text-align:left}.swiper-pagination-bullet{width:16px!important;height:8px!important;border-radius:4px!important;background:#fff6!important;opacity:1!important;margin:0 var(--space-1)!important;transition:all var(--transition-base)!important}.swiper-pagination-bullet-active{width:32px!important;background:var(--neutral-0)!important}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:10000;pointer-events:none}.toast{background:var(--neutral-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);border:1px solid var(--neutral-200);padding:var(--space-4);margin-bottom:var(--space-3);max-width:400px;min-width:320px;display:flex;align-items:flex-start;gap:var(--space-3);transform:translate(100%);opacity:0;transition:all var(--transition-base);pointer-events:auto}.toast.show{transform:translate(0);opacity:1}.toast-content{flex:1;display:flex;align-items:flex-start;gap:var(--space-3)}.toast-icon{font-size:var(--text-2xl);margin-top:2px}.toast-text{flex:1}.toast-title{font-weight:var(--font-semibold);font-size:var(--text-base);margin-bottom:var(--space-1)}.toast-message{font-size:var(--text-sm);color:var(--neutral-600);line-height:var(--leading-relaxed)}.toast-close{background:none;border:none;color:var(--neutral-400);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-base);min-height:auto;min-width:auto;font-size:var(--text-base)}.toast-close:hover{color:var(--neutral-600);background:var(--neutral-100)}.toast.success .toast-icon{color:var(--success-600)}.toast.success{border-left:4px solid var(--success-600)}.toast.error .toast-icon{color:var(--error-600)}.toast.error{border-left:4px solid var(--error-600)}.toast.warning .toast-icon{color:var(--warning-600)}.toast.warning{border-left:4px solid var(--warning-600)}.toast.info .toast-icon{color:var(--info-600)}.toast.info{border-left:4px solid var(--info-600)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;overflow:hidden;transition:all var(--transition-base);padding:var(--space-6)}.modal-overlay.show{opacity:1;visibility:visible}.modal{background:var(--neutral-0);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);width:100%;max-width:500px;max-height:90vh;overflow:hidden;transform:scale(.9);transition:all var(--transition-base)}.modal-overlay.show .modal{transform:scale(1)}.modal-header{padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--neutral-200);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0}.modal-close{background:none;border:none;color:var(--neutral-400);cursor:pointer;padding:var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-base);font-size:var(--text-xl)}.modal-close:hover{color:var(--neutral-600);background:var(--neutral-100)}.modal-body{padding:var(--space-6);overflow:hidden}.modal-description{font-size:var(--text-base);color:var(--neutral-600);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.modal-btn{width:100%;height:52px;border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);font-family:var(--font-family-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-base);position:relative;overflow:hidden}.modal-btn.primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-500));color:var(--neutral-0)}.modal-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-500),var(--primary-700));transform:translateY(0);box-shadow:var(--shadow-lg)}.modal-btn.primary:hover:before{left:100%}.modal-btn:active:not(:disabled){transform:translateY(0)}.modal-btn.primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.modal-btn.secondary{background:var(--neutral-100);color:var(--neutral-700);border:1px solid var(--neutral-300)}.modal-btn:disabled{opacity:.8;cursor:not-allowed;transform:none;pointer-events:none}.modal-btn.loading i,.modal-btn.loading span{opacity:0}.modal-btn.loading:after{content:"";position:absolute;left:calc(50% - 10px);top:50%;width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;transform:translate(-50%,-50%);margin-top:-9px;animation:spin 1s linear infinite}.modal-btn.secondary:hover:not(:disabled){background:var(--neutral-200);border-color:var(--neutral-400)}.policy-content{overflow-y:auto}.policy-content::-webkit-scrollbar{width:5px;transition:all var(--transition-base)}.policy-content::-webkit-scrollbar-track{background:var(--neutral-50);border-radius:5px}.policy-content::-webkit-scrollbar-thumb{background-color:var(--neutral-200);transition:background-color var(--transition-base);border-radius:5px}.policy-content::-webkit-scrollbar-thumb:hover{background-color:var(--primary-600);transition:background-color var(--transition-base)}.register-modal .modal{max-width:600px}.register-step{display:none}.register-step.active{display:block}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-help{font-size:var(--text-xs);color:var(--neutral-500);margin-top:var(--space-1)}.register-actions{display:flex;gap:var(--space-4);margin-top:var(--space-8)}.register-actions .modal-btn{flex:1}.code-action-buttons{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-8) 0 var(--space-6) 0}.phone-wrapper{position:relative}.phone-input{padding-left:var(--space-12)!important}.iti{width:100%}.iti__flag-container{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--neutral-300);z-index:1001}.iti--separate-dial-code .iti__selected-flag{background-color:#cbd5e10d}.iti__country.iti__highlight{background:var(--primary-50)!important;color:var(--primary-600)!important}.iti__country.iti__preferred.iti__active,.iti__country.iti__preferred.iti__active.iti__highlight,.iti__country.iti__preferred.iti__active.iti__highlight:hover{background:var(--primary-50)!important}.iti__country.iti__preferred.iti__active .iti__country-name,.iti__country.iti__preferred.iti__active.iti__highlight .iti__country-name{color:var(--primary-600);font-weight:var(--font-semibold)}.iti__country.iti__preferred.iti__active .iti__dial-code{color:var(--primary-600)!important}.iti__flag-box,.iti__country-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-500)}.iti__dial-code{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--neutral-600)}.iti__country-list{z-index:1001;left:0;top:0;border:1px solid var(--neutral-300);background:var(--neutral-0);border-radius:var(--radius-lg);box-shadow:#1d4ed833 0 15px 20px -12px}.iti__country-list::-webkit-scrollbar{width:6px;transition:all var(--transition-base)}.iti__country-list::-webkit-scrollbar-track{background:var(--neutral-50);border-radius:6px;margin-top:6px;margin-bottom:6px}.iti__country-list::-webkit-scrollbar-thumb{background-color:var(--primary-500);transition:background-color var(--transition-base);border-radius:6px}.iti__country-list::-webkit-scrollbar-thumb:hover{background-color:var(--primary-600)}.iti__country{padding:var(--space-2) var(--space-4)!important;display:flex!important;align-items:center!important;gap:var(--space-1)!important;cursor:pointer!important;transition:all var(--transition-fast)!important;border-bottom:1px solid var(--neutral-100)!important}.iti__country:hover{background:var(--neutral-50)!important}#phone{padding-left:100px!important;text-align:left}.policy-modal .modal{max-width:800px;max-height:90vh}.policy-content{max-height:60vh;overflow-y:auto;padding-right:var(--space-2)}.policy-content h3{color:var(--neutral-900);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.policy-content h4{color:var(--neutral-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:var(--space-6) 0 var(--space-3) 0}.policy-content h5{color:var(--neutral-700);font-size:var(--text-base);font-weight:var(--font-semibold);margin:var(--space-4) 0 var(--space-2) 0}.policy-content p{color:var(--neutral-600);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.policy-content ul{margin:var(--space-3) 0;padding-left:var(--space-6)}.policy-content li{color:var(--neutral-600);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.policy-content a{color:var(--primary-600);text-decoration:none}.policy-content a:hover{text-decoration:underline}.legal-meta{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap}.legal-date,.legal-version{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--neutral-500);background:var(--neutral-50);padding:var(--space-1) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--neutral-200)}.login-chat-bubble{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:9998}.login-chat-bubble-btn{background:var(--primary-500);color:var(--neutral-0);border:none;border-radius:var(--radius-full);padding:var(--space-3) var(--space-6);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-family-primary);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.login-chat-bubble-btn:hover{background:var(--primary-600);transform:translateY(0);box-shadow:var(--shadow-xl)}.login-chat-bubble-btn i{font-size:var(--text-lg)}.login-chat-tooltip{position:absolute;bottom:100%;right:0;margin-bottom:var(--space-3);background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-6);min-width:280px;opacity:0;visibility:hidden;transform:translateY(var(--space-2));transition:all .4s ease}.login-chat-tooltip.show{opacity:1;visibility:visible;transform:translateY(0)}.login-chat-tooltip:after{content:"";position:absolute;top:100%;right:var(--space-6);border:8px solid transparent;border-top-color:var(--neutral-0)}.login-chat-tooltip-content h4{font-size:calc(var(--text-sm) * 1.2);font-weight:var(--font-semibold);color:var(--neutral-900);margin-bottom:var(--space-1)}.login-chat-tooltip-content p{font-size:calc(var(--text-sm) * 1.1);color:var(--neutral-600);margin-bottom:var(--space-4)}.login-chat-actions{display:flex;flex-direction:column;gap:var(--space-2)}.login-chat-action{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-decoration:none;color:var(--neutral-700);font-size:calc(var(--text-sm) * 1.1);transition:all var(--transition-base)}.login-chat-action:hover{background:var(--neutral-100);color:var(--primary-600)}.login-chat-action i{color:var(--primary-500)!important;font-size:calc(var(--text-base) * 1.1)}.btn-loader{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.login-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-12);gap:var(--space-4)}.language-selector{position:relative;display:inline-block}.language-button{display:flex;align-items:center;gap:var(--space-1);padding:0;background:var(--neutral-0);border:0;cursor:pointer;transition:all var(--transition-base);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-900);line-height:var(--leading-normal)}.language-button.active .current-lang,.language-button.active i.ph-translate,.language-button.active .ph.ph-caret-down:before{color:var(--primary-600)}.language-button i.ph-translate{color:var(--neutral-900);font-size:var(--text-lg)}.language-button .current-lang{letter-spacing:1px;font-weight:var(--font-semibold)}.language-button i.ph-caret-down{font-size:14px;transition:transform var(--transition-base);color:var(--primary-600)}.language-button.active i.ph-caret-down{transform:rotate(180deg)}.language-dropdown{z-index:var(--z-navbar);position:absolute;top:100%;right:0;min-width:150px;text-align:center;background:var(--neutral-0);border-radius:var(--radius-lg);box-shadow:#1d4ed833 0 15px 20px -12px;opacity:0;visibility:hidden;transform:translatey(20px);transition:all .4s cubic-bezier(.25,.46,.45,.94);margin-top:var(--space-2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--neutral-200);border-top:2px solid var(--primary-500);display:block;overflow:hidden}.language-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.language-item{display:flex;align-items:center;padding:var(--space-3) var(--space-5);color:var(--neutral-700);text-decoration:none;font-weight:var(--font-medium);font-size:var(--text-sm);transition:all var(--transition-base);border-bottom:1px solid var(--neutral-100)}.language-item:last-child{border-bottom:none}.language-item:hover,.language-item.active{color:var(--primary-600);background:var(--neutral-100);border-color:var(--neutral-200)}.login-type-selection{display:flex;margin-bottom:var(--space-8);background:var(--neutral-50);border-radius:0}.login-type-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:.85rem var(--space-2) var(--space-2);background:transparent;cursor:pointer;transition:all var(--transition-base);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-500);text-decoration:none;border-bottom:1px solid var(--neutral-200)}.login-type-btn i{font-size:24px;color:var(--neutral-500);transition:all var(--transition-base)}.login-type-btn:hover{color:var(--primary-600)}.login-type-btn:hover i{color:var(--primary-600);transform:scale(1.2)}.login-type-btn.active{background:var(--neutral-0);color:var(--primary-600);border-color:var(--neutral-0)}.login-type-btn.active:hover i{transform:scale(1)}.login-type-btn:nth-child(1).active{border-right:1px solid var(--neutral-200)}.login-type-btn:nth-child(2).active{border-right:1px solid var(--neutral-200);border-left:1px solid var(--neutral-200)}.login-type-btn:nth-child(3).active{border-left:1px solid var(--neutral-200)}.login-type-btn.active i{color:var(--primary-600)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media(max-width:1100px)and (min-width:1024px){.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3) var(--space-4);justify-items:center;max-width:400px;margin:0 auto var(--space-4) auto}}@media(max-width:1024px){.login-wrapper{grid-template-columns:1fr;min-height:auto}.login-container{width:auto}.login-right{display:none}.login-form-container{padding:var(--space-12) var(--space-6) var(--space-8) var(--space-6)}}@media(max-width:768px){.login-page{padding:0;align-items:flex-start}.login-container{margin-top:0;width:100%;max-width:none;border-radius:0;box-shadow:none;border:none;overflow:visible}.login-form-container{padding:var(--space-8) var(--space-4) var(--space-6) var(--space-4);border-radius:0}.login-wrapper{border-radius:0;overflow:visible;box-shadow:none}.modal-overlay{padding:0;align-items:stretch;justify-content:stretch}.modal{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;box-shadow:none;border:none;margin:0;transform:none;display:flex;flex-direction:column}.modal-overlay.show .modal{transform:none}.policy-modal .modal{max-width:800px;max-height:100vh}.modal-header{padding:var(--space-4);border-bottom:1px solid var(--neutral-200);flex-shrink:0;position:sticky;top:0;background:var(--neutral-0);z-index:10}.modal-body{flex:1;padding:var(--space-4);overflow-y:auto;-webkit-overflow-scrolling:touch}.policy-modal .modal{height:100vh}.policy-content{max-height:none;height:auto;overflow-y:visible;padding-right:0}.register-modal .modal{height:100vh}.register-modal .modal-body{padding-bottom:var(--space-6)}.register-actions{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--neutral-200);position:sticky;bottom:0;background:var(--neutral-0);z-index:1001}.register-actions .modal-btn{width:100%;margin-bottom:var(--space-3)}.register-actions .modal-btn:last-child{margin-bottom:0}.form-group{margin-bottom:0}.form-input{height:48px}.form-row{grid-template-columns:1fr;gap:0}.login-chat-bubble-btn{width:50px;height:50px;padding:0;border-radius:50%;justify-content:center}.login-chat-text{display:none}.login-chat-tooltip{right:auto;left:-200px;min-width:260px;max-width:280px;padding:var(--space-4)}.login-chat-tooltip:after{right:auto;left:220px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3) var(--space-4);justify-items:center;max-width:400px;margin:0 auto var(--space-4) auto}.language-button .current-lang{letter-spacing:0px}.toast-container{top:var(--space-4);right:var(--space-4);left:var(--space-4)}.toast{min-width:auto;max-width:none}.modal-body::-webkit-scrollbar{width:3px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}.login-type-selection{margin-bottom:var(--space-2)}.code-generation-icon{width:70px;height:70px}.code-generation-icon i{font-size:36px}.code-generation-title{font-size:var(--text-2xl)}.code-generation-description{font-size:var(--text-sm)}.btn-large{width:100%}.login-chat-tooltip-content h4,.login-chat-tooltip-content p{display:none}.code-generation-area{padding:var(--space-6) var(--space-6) var(--space-10) var(--space-6)}}@media(max-width:480px){.checkbox-custom{width:24px}.form-input,.modal-btn,.login-btn{height:48px;font-size:var(--text-sm)}.form-row{grid-template-columns:1fr}.login-logo-small img{margin-top:2px;height:32px}.language-button i.ph-translate{font-size:16px}.login-type-btn{padding:var(--space-3);font-size:var(--text-xs)}.login-type-btn i{font-size:18px}.code-generation-page{padding:var(--space-0);align-items:flex-start}.verification-wrapper,.code-generation-wrapper{border-radius:0}.code-generation-logo img{height:34px}.code-generation-icon{width:60px;height:60px}.code-generation-icon i{font-size:32px}.code-generation-title{font-size:var(--text-xl)}}