.auth-wrapper{box-sizing:border-box;background-image:url(/assets/images/background.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;width:100%;height:100dvh;padding:6rem 1rem 2rem;display:flex;position:relative;overflow:hidden}.auth-bg-video{object-fit:cover;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.auth-wrapper>.auth-flip,.auth-wrapper>.auth-card{z-index:1;position:relative}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#fffffff2;border-radius:16px;flex-direction:column;align-items:center;width:90vw;max-width:400px;padding:75px 32px 20px;display:flex;position:relative;overflow:visible;box-shadow:0 20px 40px #0000001a}.auth-logo{object-fit:contain;pointer-events:none;z-index:2;width:300px;height:300px;animation:2s ease-in-out infinite alternate auth-glow-pulse;position:absolute;top:-75px;left:50%}@keyframes auth-glow-pulse{0%{filter:drop-shadow(0 0 5px #ffd70080);transform:translate(-50%)scale(1)}to{filter:drop-shadow(0 0 15px gold);transform:translate(-50%)scale(1.03)}}@media (prefers-reduced-motion:reduce){.auth-logo{animation:none}}.auth-card form,.auth-face form{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.auth-card .auth-label,.auth-face .auth-label{color:#1f2937;text-align:left;width:100%;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.auth-input{color:#0f172a;box-sizing:border-box;background:#fff;border:2px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.auth-input:focus{border-color:#1e40af;box-shadow:0 0 0 6px #1e40af0f}.auth-input::placeholder{color:#94a3b8}.auth-error{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;width:100%;padding:10px 12px;font-size:.85rem}.auth-success{text-align:center;color:#15803d;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;width:100%;padding:10px 12px;font-size:.85rem}.return-gift{text-align:center;flex-direction:column;gap:14px;width:100%;display:flex}.return-gift__rewards{color:#713f12;background:#fff8dcd9;border:1px solid #d6b86a;border-radius:10px;margin:0;padding:12px 16px;font-weight:700;line-height:1.6}.return-gift__link{color:#1e40af;font-weight:700}.auth-referral{text-align:center;color:#1d4ed8;background:#eff6ff;border:1px solid #93c5fd;border-radius:8px;width:100%;padding:10px 12px;font-size:.85rem}.auth-referral--invalid{color:#b45309;background:#fffbeb;border-color:#fcd34d}.btn-yellow{color:#111;text-transform:uppercase;cursor:pointer;background:linear-gradient(#ffd54a,#ffc107);border:none;border-radius:8px;width:100%;max-width:250px;margin:0 auto;padding:14px 16px;font-weight:700;transition:background .2s;display:block;box-shadow:0 8px 18px #ffc1072e}.btn-yellow:hover{background:linear-gradient(135deg,orange,#ff8c00)}.btn-yellow:active{transform:translateY(1px)}.btn-yellow:disabled{opacity:.6;cursor:not-allowed}.auth-footer{justify-content:space-between;width:100%;margin-top:10px;margin-bottom:8px;font-size:.9rem;display:flex}.auth-footer--center{justify-content:center;margin-top:14px}.auth-footer .auth-langs{position:static}.auth-footer a{color:#0f172a;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-remember{color:#1f2937;align-items:center;gap:.5rem;width:100%;font-size:.85rem;font-weight:600;display:flex}.auth-remember input[type=checkbox]{width:15px;height:15px}.auth-wrapper--compact{padding:4.5rem .75rem 1rem}.auth-card--compact{max-width:340px;padding:55px 20px 14px}.auth-logo--compact{width:200px;height:200px;top:-55px}.auth-card--compact .btn-yellow{max-width:100%}.auth-card--compact{background-color:#fffffff5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");border-radius:24px;box-shadow:inset 2px 3px 6px #ffffffe6,inset -3px -5px 12px #0f172a1a,0 18px 36px #00000038}.auth-card--compact .auth-input{background:#f8fafc;border:2px solid #94a3b859;border-radius:14px;box-shadow:inset 2px 4px 8px #0f172a1a,inset -2px -2px 4px #ffffffe6}.auth-card--compact .auth-input:focus{border-color:#1e40af;box-shadow:inset 2px 4px 8px #0f172a14,inset -2px -2px 4px #ffffffe6,0 0 0 6px #1e40af14}.auth-card--compact .btn-yellow{border-radius:16px;box-shadow:inset 0 3px 5px #ffffff8c,inset 0 -5px 8px #92580040,0 10px 22px #ffc10759}.auth-card--compact .btn-yellow:active{transform:translateY(2px);box-shadow:inset 0 4px 8px #9258004d,0 4px 10px #ffc10740}.auth-card--compact .auth-remember input[type=checkbox]{accent-color:#ffc107;width:16px;height:16px}.auth-card--compact .auth-error,.auth-card--compact .auth-success{border-radius:14px}.auth-card--compact .auth-footer a{color:#1e40af;background:#1e40af14;border-radius:999px;padding:6px 14px;box-shadow:inset 0 2px 3px #ffffffb3,inset 0 -2px 4px #1e40af1f}.auth-card--compact .auth-footer a:hover{background:#1e40af24;text-decoration:none}.auth-flip{--auth-h:max(40vh, 520px);--auth-a:max(11.55vh, 150px);width:50vw;height:var(--auth-h);perspective:1400px;position:relative}.auth-langs{z-index:10;gap:8px;display:flex;position:absolute;bottom:12px;right:14px}.auth-lang{cursor:pointer;background:#ffffffd9;border:none;border-radius:10px;width:34px;height:26px;padding:3px;transition:transform .15s,box-shadow .15s;box-shadow:inset 0 2px 3px #fffc,inset 0 -2px 4px #0f172a1f,0 3px 8px #0000002e}.auth-lang svg{width:100%;height:100%;display:block}.auth-lang:hover{transform:translateY(-1px)}.auth-lang.is-active{transform:translateY(1px);box-shadow:inset 0 3px 6px #0f172a40,0 0 0 2px #ffc107}.auth-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transform:translateZ(calc(var(--auth-a) * -1));position:relative}@media (prefers-reduced-motion:reduce){.auth-face{transition:none}}.auth-face{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);backface-visibility:hidden;pointer-events:none;visibility:hidden;transform:translateZ(var(--auth-a));background-color:#fffffff5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");border-radius:28px;transition:transform 1s cubic-bezier(.65,0,.35,1.2),visibility 0s linear 1s;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 2px 3px 6px #ffffffe6,inset -3px -6px 14px #0f172a1a,0 24px 48px #00000038}.auth-face--back{transform:rotateX(-120deg) translateZ(var(--auth-a))}.auth-face--recovery,.auth-flip.is-up .auth-face--front{transform:rotateX(120deg) translateZ(var(--auth-a))}.auth-flip.is-up .auth-face--back{transform:rotateX(0deg) translateZ(var(--auth-a))}.auth-flip.is-up .auth-face--recovery{transform:rotateX(240deg) translateZ(var(--auth-a))}.auth-flip.is-down .auth-face--front{transform:rotateX(-120deg) translateZ(var(--auth-a))}.auth-flip.is-down .auth-face--back{transform:rotateX(-240deg) translateZ(var(--auth-a))}.auth-flip.is-down .auth-face--recovery{transform:rotateX(0deg) translateZ(var(--auth-a))}.auth-flip:not(.is-up):not(.is-down) .auth-face--front,.auth-flip.is-up .auth-face--back,.auth-flip.is-down .auth-face--recovery{visibility:visible;pointer-events:auto;transition:transform 1s cubic-bezier(.65,0,.35,1.2),visibility}.auth-recovery-title{color:#0f172a;margin:0 0 10px;font-size:1.15rem;font-weight:700}.auth-card--compact .auth-recovery-title{margin-top:80px}.auth-remember-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.auth-remember-row .auth-remember{margin:0}.auth-forgot{color:#1e40af;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600}.auth-forgot:hover{text-decoration:underline}.auth-half{flex-direction:column;flex:50%;justify-content:center;min-width:0;padding:24px 32px;display:flex;overflow:hidden}.auth-half--form{align-items:center}.auth-half--info{color:#e2e8f0;background-color:#16213c;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(160deg,#16213c 0%,#1e3a8a 100%);overflow-y:auto;box-shadow:inset 0 3px 8px #ffffff1f,inset 0 -8px 16px #00000059}.auth-half--info-top{justify-content:flex-start}.auth-face form{gap:10px}.auth-face .auth-input{background:#f8fafc;border:2px solid #94a3b859;border-radius:14px;padding:10px 14px;box-shadow:inset 2px 4px 8px #0f172a1a,inset -2px -2px 4px #ffffffe6}.auth-face .auth-input:focus{border-color:#1e40af;box-shadow:inset 2px 4px 8px #0f172a14,inset -2px -2px 4px #ffffffe6,0 0 0 6px #1e40af14}.auth-face .auth-remember input[type=checkbox]{accent-color:#ffc107;width:16px;height:16px}.auth-face .auth-error,.auth-face .auth-success{border-radius:14px}.auth-face .btn-yellow{border-radius:16px;padding:12px 16px;box-shadow:inset 0 3px 5px #ffffff8c,inset 0 -5px 8px #92580040,0 10px 22px #ffc10759}.auth-face .btn-yellow:active{transform:translateY(2px);box-shadow:inset 0 4px 8px #9258004d,0 4px 10px #ffc10740}.auth-flip-logo{object-fit:contain;filter:drop-shadow(0 0 8px #ffd70080);width:110px;height:110px;margin-bottom:8px}.auth-info-heading{text-align:center;letter-spacing:2px;color:#ffd54a;width:100%;margin:8px 0 16px;font-size:1.2rem;font-weight:700}.auth-info-title{color:#ffd54a;margin-bottom:12px;font-size:1.4rem;font-weight:700}.auth-face--back .auth-info-title{margin-bottom:10px;font-size:1rem}.auth-info-text{margin-bottom:16px;font-size:.95rem;line-height:1.5}.auth-info-list{flex-direction:column;gap:8px;margin:0;padding-left:18px;font-size:.85rem;line-height:1.6;display:flex}.auth-info-card{color:inherit;cursor:pointer;background:#ffffff1a;border:none;border-radius:16px;padding:14px;font-size:.85rem;line-height:1.5;text-decoration:none;transition:background .2s;display:block;box-shadow:inset 0 2px 4px #ffffff26,inset 0 -3px 6px #00000040}.auth-info-card:hover{background:#ffffff2e}.auth-switch{color:#1e40af;cursor:pointer;background:#1e40af14;border:none;border-radius:999px;margin-top:10px;padding:6px 16px;font-size:.9rem;font-weight:600;transition:background .15s;box-shadow:inset 0 2px 3px #ffffffb3,inset 0 -2px 4px #1e40af1f}.auth-switch:hover{background:#1e40af24;text-decoration:none}.auth-pairing{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.auth-pairing-qr{box-sizing:content-box;background:#fff;border-radius:16px;width:232px;height:232px;padding:10px;display:block;box-shadow:inset 0 2px 4px #0f172a14,0 8px 20px #0f172a26}.auth-pairing-qr--loading{animation:1.4s ease-in-out infinite auth-pairing-pulse}@keyframes auth-pairing-pulse{0%,to{opacity:.45}50%{opacity:1}}.auth-pairing-compare{color:#0f172a;text-align:center;margin:12px 0 0;font-size:.9rem}.auth-pairing-compare strong{letter-spacing:.14em;color:#1e40af;margin-top:4px;font-size:1.5rem;font-weight:800;display:block}.auth-pairing-origin{color:#64748b;text-align:center;margin:2px 0 8px;font-size:.78rem;font-weight:600}.auth-pairing-account{color:#0f172a;text-align:center;margin:10px 0 0;font-size:.9rem}.auth-pairing-account strong{word-break:break-all;color:#1e40af;margin-top:2px;font-size:1.02rem;font-weight:800;display:block}.auth-card--compact .auth-approve-done{margin-top:80px}.auth-approve-done{text-align:center;flex-direction:column;align-items:center;display:flex}.auth-approve-check{color:#fff;background:linear-gradient(#22c55e,#15803d);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:6px 0 12px;font-size:1.9rem;font-weight:800;animation:.45s cubic-bezier(.34,1.56,.64,1) auth-approve-pop;display:flex;box-shadow:inset 2px 3px 5px #ffffff73,inset -2px -4px 8px #14532d66,0 8px 18px #15803d59}@keyframes auth-approve-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.auth-approve-done-title{color:#0f172a;margin:0 0 10px;font-size:1.3rem;font-weight:800}.auth-approve-done-text{color:#15803d;background:#f0fdf4;border:1px solid #86efac;border-radius:14px;width:100%;margin:0 0 10px;padding:12px 14px;font-size:.88rem;line-height:1.5}.auth-approve-done-note{color:#64748b;margin:0;font-size:.82rem;font-weight:600}@media (max-height:700px){.auth-flip{--auth-h:max(40vh, 420px);--auth-a:max(11.55vh, 121px)}.auth-half{padding:16px 24px}.auth-face form{gap:8px}.auth-face .auth-input{padding:8px 10px;font-size:.85rem}.auth-face .btn-yellow{padding:10px 14px}.auth-flip-logo{width:70px;height:70px;margin-bottom:4px}.auth-info-heading{margin:4px 0 10px;font-size:1rem}.auth-info-title{margin-bottom:8px;font-size:1.1rem}.auth-info-list{gap:6px;font-size:.78rem}}@media (max-height:450px){.auth-wrapper{padding:.75rem 1rem}.auth-flip{zoom:.78;width:90vw}.auth-face--back,.auth-face--recovery{zoom:.85}}@media (max-height:340px){.auth-flip{zoom:.7}.auth-face--back,.auth-face--recovery{zoom:.78}}.auth-overlay{z-index:60;box-sizing:border-box;-webkit-backdrop-filter:blur(6px);background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.auth-overlay-card{box-sizing:border-box;text-align:center;background-color:#fffffff5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");border-radius:28px;width:100%;max-width:420px;padding:32px 28px 24px;position:relative;box-shadow:inset 2px 3px 6px #ffffffe6,inset -3px -6px 14px #0f172a1a,0 24px 48px #00000040}.auth-overlay-card form{flex-direction:column;align-items:center;gap:12px;display:flex}.auth-overlay-title{color:#0f172a;margin:0 0 8px;font-size:1.3rem;font-weight:700}.auth-overlay-text{color:#475569;margin:0 0 18px;font-size:.9rem;line-height:1.5}.auth-code-input{box-sizing:border-box;letter-spacing:.5rem;text-align:center;color:#0f172a;background:#f8fafc;border:2px solid #94a3b859;border-radius:14px;width:220px;padding:12px;font-size:1.6rem;font-weight:700;box-shadow:inset 2px 4px 8px #0f172a1a,inset -2px -2px 4px #ffffffe6}.auth-code-input:focus{border-color:#1e40af;outline:none}.auth-overlay-hint{color:#94a3b8;margin:14px 0 0;font-size:.75rem}.auth-password-rules{color:#64748b;background:#0f172a0d;border-radius:12px;grid-template-columns:1fr 1fr;gap:3px 10px;margin:8px 0 0;padding:8px 12px;font-size:.78rem;list-style:none;display:grid;box-shadow:inset 0 2px 4px #0f172a0f}.auth-password-rules li:before{content:"○";margin-right:7px}.auth-password-rules li.is-ok{color:#15803d;font-weight:600}.auth-password-rules li.is-ok:before{content:"✓"}.theme-music{z-index:40;color:#ffc107;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.25;background:#16213cd9;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;transition:opacity .2s;display:flex;position:fixed;bottom:14px;left:14px;box-shadow:inset 0 2px 4px #ffffff1f,inset 0 -3px 6px #0000004d,0 6px 16px #00000059}.theme-music:hover,.theme-music:focus-within{opacity:1}.theme-music-toggle{color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:transform .15s;display:flex}.theme-music-toggle:hover{transform:scale(1.12)}.theme-music-toggle svg{width:20px;height:20px;display:block}.theme-music-volume{accent-color:#ffc107;cursor:pointer;width:96px}