.logo-icon{display:inline-grid;width:30px;height:30px;place-items:center;color:transparent;font-size:1.55rem;line-height:1;background:linear-gradient(135deg,var(--teal),#6c5ce7);-webkit-background-clip:text;background-clip:text}.hidden{display:none!important}:root{--text:#f1f5f9;--muted:#94a3b8;--teal:#00d9b0;--radius:16px;--border-bright:rgba(255,255,255,.14);--surface-2:rgba(255,255,255,.05);--transition:all .18s ease}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:24px}.modal-overlay.hidden{display:none}.modal-box{background:linear-gradient(160deg,#0d1b35 0%,#0a1628 60%,#0d1430 100%);border:1px solid rgba(0,217,176,.2);border-radius:var(--radius);padding:32px 40px;width:100%;max-width:420px;max-height:calc(100vh - 48px);overflow-y:auto;position:relative;box-shadow:0 32px 80px #000000b3,0 0 60px #00d9b00f,0 0 0 1px #6c5ce714;animation:bounce-in .4s cubic-bezier(.34,1.56,.64,1) both}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;color:var(--muted);font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:10}.modal-close:hover{background:rgba(255,255,255,.08);color:var(--text)}.auth-header{display:flex;flex-direction:column;align-items:center;margin-bottom:6px}.modal-logo{text-align:center;font-size:2.5rem;margin-bottom:6px}#auth-modal .modal-box h2{text-align:center;font-size:1.6rem;font-weight:800;margin-bottom:0;background:linear-gradient(135deg,#e8f0ff 0%,rgba(0,217,176,.9) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-social-section{display:flex;flex-direction:column;gap:10px;margin-bottom:4px}.social-btn-google,.social-btn-meta{display:flex;align-items:stretch;width:100%;height:46px;border-radius:10px;overflow:hidden;cursor:pointer;border:none;outline:none;transition:transform .12s,box-shadow .12s,filter .12s}.social-btn-google{justify-content:center;align-items:center;background:transparent;overflow:visible;cursor:default}.social-btn-google:hover{transform:none;box-shadow:none;filter:none}.social-btn-meta{background:linear-gradient(135deg,#1877F2 0%,#0a52c4 50%,#1877F2 100%);background-size:200% 200%;animation:gradient-shift 4s ease infinite;box-shadow:0 2px 12px #1877f24d}.social-btn-meta:hover{transform:translateY(-1px);box-shadow:0 4px 20px #1877f27a;filter:brightness(1.08)}.social-btn-meta:active{transform:scale(.98);filter:brightness(.96)}.soc-icon{display:flex;align-items:center;justify-content:center;width:50px;background:#ffffff;flex-shrink:0;border-right:1px solid rgba(255,255,255,.2)}.soc-label{flex:1;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;letter-spacing:.02em;color:#fff}.auth-or{text-align:center;margin:14px 0 10px;color:#e2e8f059;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.auth-step.hidden{display:none}.phone-input-row{display:flex;gap:8px;margin-bottom:4px}.input-cc{flex-shrink:0;padding:12px 10px;background:var(--surface-2);border:1px solid var(--border-bright);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;cursor:pointer}.input-field{flex:1;padding:12px 16px;background:var(--surface-2);border:1px solid var(--border-bright);border-radius:var(--radius-sm);color:var(--text);font-size:.95rem;outline:none;transition:var(--transition)}.input-field:focus{border-color:var(--teal);box-shadow:0 0 0 3px #00d9b01a}.otp-inputs{display:flex;gap:10px;justify-content:center;margin:24px 0}.otp-digit{width:48px;height:56px;background:var(--surface-2);border:1px solid var(--border-bright);border-radius:var(--radius-sm);text-align:center;font-size:1.3rem;font-weight:700;color:var(--text);outline:none;transition:var(--transition)}.otp-digit:focus{border-color:var(--teal);box-shadow:0 0 0 3px #00d9b026}.auth-error,.auth-social-error{color:var(--coral);font-size:.85rem;margin-top:10px;padding:5px 0 5px 10px;border-left:3px solid rgba(255,87,34,.5);line-height:1.45}.auth-error.hidden,.auth-social-error.hidden{display:none}.auth-step-error{color:var(--coral);font-size:.82rem;padding:4px 0 4px 10px;border-left:3px solid rgba(255,87,34,.5);line-height:1.4;margin-top:6px}.auth-step-error.hidden{display:none}.auth-tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.auth-tab{flex:1;background:none;border:none;padding:8px 0 10px;font-size:13px;font-weight:500;color:#e2e8f073;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.auth-tab.active{color:#e2e8f0e6;border-bottom-color:#00d9b0}.auth-primary-btn{display:block;width:100%;padding:12px;margin-top:12px;background:linear-gradient(135deg,#00d9b0,#6c5ce7);background-size:200% 200%;animation:gradient-shift 4s ease infinite;color:#fff;font-size:14px;font-weight:700;border:none;border-radius:10px;cursor:pointer;box-shadow:0 0 20px #00d9b047;transition:opacity .15s,transform .1s,box-shadow .2s}.auth-primary-btn:hover{opacity:.9;box-shadow:0 0 28px #00d9b073}.auth-primary-btn:active{transform:scale(.98)}.auth-primary-btn:disabled{opacity:.4;cursor:not-allowed;animation:none;background:#00d9b0;box-shadow:none}.auth-text-btn{background:none;border:none;color:#e2e8f08c;font-size:12px;cursor:pointer;padding:4px 2px;transition:color .15s}.auth-text-btn:hover{color:#e2e8f0d9}.auth-login-footer{display:flex;justify-content:flex-end;margin-top:8px}.auth-recovery{margin-top:10px;padding:8px 10px;border-left:2px solid rgba(251,146,60,.55);border-radius:0 6px 6px 0;background:rgba(251,146,60,.06);font-size:12px;color:#fb923ce6;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.auth-recovery>span{width:100%;line-height:1.4;margin-bottom:2px}.auth-recovery.hidden{display:none}.auth-recovery-btn{flex:0 0 auto;background:none;border:1px solid rgba(226,232,240,.2);color:#e2e8f0d9;border-radius:6px;padding:4px 12px;font-size:11.5px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.auth-recovery-btn:hover{background:rgba(255,255,255,.06);border-color:#e2e8f059}.auth-success-title{font-size:16px;font-weight:700;color:#00d9b0;margin:0 0 4px}.auth-success-email{font-size:13px;font-weight:600;color:#e2e8f0e6;margin:4px 0 0;word-break:break-all}.auth-resend-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.auth-countdown{font-size:12px;color:#e2e8f073}.auth-input-row{margin-bottom:10px}.auth-input{width:100%;box-sizing:border-box;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:11px 14px;font-size:14px;color:#e2e8f0;outline:none;transition:border-color .15s}.auth-input:focus{border-color:#00d9b080}.auth-input::placeholder{color:#e2e8f04d}@media (max-width: 768px){.auth-input{font-size:16px}}.auth-hint{font-size:12px;color:#e2e8f080;margin:0 0 12px;line-height:1.5}.auth-code-hint{font-size:.83rem;color:var(--muted);text-align:center;margin:12px 0 0}.auth-back-btn{display:block;width:100%;background:none;border:none;color:var(--muted);font-size:.82rem;margin-top:10px;cursor:pointer;text-align:left;padding:4px 0}.auth-back-btn:hover{color:var(--text)}.auth-code-input{letter-spacing:.3em;text-align:center;font-size:1.1rem}#auth-email-step2.hidden,#auth-email-step1.hidden,#auth-email-step3.hidden{display:none}.auth-email-section{margin-top:4px}.auth-email-toggle{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;background:none;border:1px solid rgba(255,255,255,.12);border-radius:20px;color:var(--muted);font-size:.82rem;padding:7px 14px;cursor:pointer;transition:color .15s,border-color .15s,background .15s;margin-top:2px}.auth-email-toggle:hover{color:var(--text);border-color:#ffffff40;background:rgba(255,255,255,.04)}.auth-email-toggle.hidden{display:none}.soc-email-icon{flex-shrink:0;opacity:.75}.auth-email-toggle-icon{flex-shrink:0;opacity:.5;transition:transform .25s ease}.auth-email-toggle.expanded .auth-email-toggle-icon{transform:rotate(180deg)}#auth-email-body{overflow:hidden;margin-top:4px}#auth-email-body.hidden{display:none}.auth-captcha-wrap{padding:12px 0 4px}.auth-captcha-wrap.hidden{display:none}#auth-step-captcha .captcha-canvas-wrap,#auth-step-captcha .captcha-slider-track{margin-top:8px}.sc-wrapper{margin:14px 0 4px;user-select:none;-webkit-user-select:none}.sc-track{position:relative;height:48px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:default;display:flex;align-items:center;justify-content:center}.sc-fill{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,rgba(0,217,176,.22),rgba(108,92,231,.18));border-radius:12px;pointer-events:none}.sc-fill.success{background:linear-gradient(90deg,rgba(0,217,176,.42),rgba(0,217,176,.18))}.sc-track-text{position:relative;z-index:1;font-size:12px;color:#e2e8f052;letter-spacing:.07em;pointer-events:none;transition:opacity .2s}.sc-track-text.fade{opacity:0}.sc-thumb{position:absolute;top:4px;left:4px;width:40px;height:40px;background:#fff;border-radius:10px;cursor:grab;z-index:2;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000002e,0 1px 3px #0000001a;font-size:14px;color:#94a3b8;touch-action:none;transition:box-shadow .15s,background .2s,color .2s}.sc-thumb.dragging{cursor:grabbing;box-shadow:0 4px 18px #00000047}.sc-thumb.success{background:linear-gradient(135deg,#00d9b0,#0ea5e9);color:#fff;cursor:default;font-size:16px;box-shadow:0 2px 12px #00d9b061}.sc-snap{transition:left .32s cubic-bezier(.22,1,.36,1)!important}.sc-shake{animation:sc-shake .4s ease}@keyframes sc-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.sc-success-badge{display:flex;align-items:center;justify-content:center;gap:7px;margin:14px 0 4px;padding:9px 16px;background:linear-gradient(90deg,rgba(0,217,176,.18) 0%,rgba(14,165,233,.12) 100%);border:1px solid rgba(0,217,176,.45);border-radius:10px;color:#00c9a4;font-size:13px;font-weight:600;letter-spacing:.3px;animation:sc-badge-in .4s cubic-bezier(.34,1.56,.64,1) both;transition:opacity .3s ease,transform .3s ease}.sc-success-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#00d9b0,#0ea5e9);color:#fff;font-size:11px;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px #00d9b073;animation:sc-icon-pop .5s cubic-bezier(.34,1.56,.64,1) .05s both}.sc-success-badge-out{opacity:0;transform:translateY(-4px) scale(.96)}@keyframes sc-badge-in{0%{opacity:0;transform:scale(.88) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes sc-icon-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.sc-pop{animation:sc-btn-pop .55s cubic-bezier(.34,1.56,.64,1) both}@keyframes sc-btn-pop{0%{opacity:.5;transform:scale(.82)}to{opacity:1;transform:scale(1)}}#about-moveplay{background:rgba(255,255,255,.02);padding:64px 24px;border-top:1px solid rgba(255,255,255,.08)}.about-inner{max-width:840px;margin:0 auto}