.landing-auth-modal{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--dark-bg: #0f0f1e;--card-bg: rgba(255, 255, 255, .95);--text-primary: #1a1a2e;--text-secondary: #666;--border-color: rgba(0, 0, 0, .08)}.landing-auth-dialog{max-width:450px!important}.landing-auth-modal .modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 60px #00000026;overflow:hidden;position:relative}.modal-animated-bg{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:0}.floating-hex{position:absolute;width:80px;height:80px;opacity:.08;z-index:1}.floating-hex:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.hex-1{top:-20px;right:-30px;animation:float 6s ease-in-out infinite}.hex-2{bottom:-40px;left:-20px;animation:float 8s ease-in-out infinite 1s}.hex-3{top:50%;right:-50px;animation:float 7s ease-in-out infinite .5s}.floating-circle{position:absolute;border-radius:50%;opacity:.06;z-index:1}.circle-1{width:120px;height:120px;top:10%;left:-40px;background:linear-gradient(135deg,#667eea,#764ba2);animation:float 9s ease-in-out infinite}.circle-2{width:100px;height:100px;bottom:10%;right:-30px;background:linear-gradient(135deg,#f093fb,#f5576c);animation:float 10s ease-in-out infinite 1.5s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(10deg)}}.modal-close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:all .3s ease;z-index:10}.modal-close-btn:hover{background:#667eea1a;color:#667eea;transform:rotate(90deg)}.modal-header-custom{padding:40px 30px 20px;border:none;position:relative;z-index:2}.modal-brand{margin-bottom:20px}.modal-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-tabs{display:flex;gap:10px;border-bottom:2px solid var(--border-color);padding-bottom:0}.modal-tab{flex:1;padding:12px 16px;background:none;border:none;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;position:relative;transition:color .3s ease;border-bottom:3px solid transparent;margin-bottom:-2px}.modal-tab:hover{color:var(--text-primary)}.modal-tab.active{color:#667eea;border-bottom-color:#667eea}.modal-body-custom{padding:30px;position:relative;z-index:2}.modal-body-custom .form-label{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.modal-body-custom .form-control{background:#f8f9fa;border:1.5px solid var(--border-color);border-radius:10px;padding:12px 16px;font-size:14px;color:var(--text-primary);transition:all .3s ease}.modal-body-custom .form-control:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;color:var(--text-primary)}.modal-body-custom .form-control::placeholder{color:#999}.modal-body-custom .form-control.is-invalid{border-color:#dc3545;background:#dc35450d}.modal-body-custom .invalid-feedback{font-size:12px;color:#dc3545;margin-top:4px}.modal-body-custom .form-check{margin:20px 0}.modal-body-custom .form-check-input{width:18px;height:18px;border:1.5px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .3s ease;margin-top:3px}.modal-body-custom .form-check-input:checked{background:var(--primary-gradient);border-color:#667eea}.modal-body-custom .form-check-input:focus{box-shadow:0 0 0 3px #667eea1a}.modal-body-custom .form-check-label{font-size:13px;color:var(--text-primary);margin-left:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.modal-body-custom .btn{padding:12px 24px;font-size:14px;font-weight:600;border-radius:10px;border:none;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.modal-body-custom .btn-primary{background:var(--primary-gradient);color:#fff;width:100%;margin-top:10px}.modal-body-custom .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.modal-body-custom .btn-primary:disabled{opacity:.6;cursor:not-allowed}.modal-body-custom .btn-secondary{background:#f0f0f0;color:var(--text-primary)}.modal-body-custom .btn-secondary:hover:not(:disabled){background:#e0e0e0}.modal-body-custom .text-center{text-align:center}.modal-body-custom .text-center .btn{margin-bottom:12px}.modal-body-custom .gsi-material{width:100%!important}.modal-body-custom .gsi-material>div{width:100%!important}.modal-body-custom form{display:flex;flex-direction:column;gap:16px}.modal-body-custom .mb-3{margin-bottom:16px!important}.modal-body-custom .d-flex.justify-content-between{gap:12px}.modal-body-custom .d-flex.justify-content-between .btn{flex:1}@media (prefers-color-scheme: dark){.landing-auth-modal{--card-bg: rgba(20, 20, 35, .95);--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: rgba(255, 255, 255, .1)}.landing-auth-modal .modal-content{background:var(--card-bg)}.modal-body-custom .form-control{background:#ffffff0d;color:var(--text-primary);border-color:var(--border-color)}.modal-body-custom .form-control:focus{background:#ffffff14;border-color:#667eea}.modal-body-custom .form-control::placeholder{color:#666}.modal-body-custom .form-label,.modal-body-custom .form-check-label{color:var(--text-primary)}.modal-body-custom .btn-secondary{background:#ffffff1a;color:var(--text-primary)}.modal-body-custom .btn-secondary:hover:not(:disabled){background:#ffffff26}.modal-close-btn{color:var(--text-primary)}.modal-close-btn:hover{background:#667eea33}}@media (max-width: 576px){.landing-auth-dialog{max-width:calc(100vw - 30px)!important}.modal-header-custom{padding:30px 20px 15px}.modal-body-custom{padding:20px}.modal-title{font-size:20px}.modal-close-btn{top:15px;right:15px;width:36px;height:36px}.floating-hex{width:60px;height:60px}.circle-1{width:80px;height:80px}.circle-2{width:70px;height:70px}}