:root{--color-bg: #07070d;--color-bg-elevated: #0d0d17;--color-surface: #13131f;--color-surface-transparent: rgba(19, 19, 31, .72);--color-primary: #ff2d92;--color-primary-soft: rgba(255, 45, 146, .12);--color-secondary: #00e5ff;--color-secondary-soft: rgba(0, 229, 255, .12);--color-accent: #a855f7;--color-text: #f5f5fa;--color-text-muted: #9b9bb0;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .16);--gradient-primary: linear-gradient(135deg, #ff2d92 0%, #a855f7 100%);--gradient-secondary: linear-gradient(135deg, #00e5ff 0%, #3b82f6 100%);--gradient-aurora: linear-gradient(110deg, #ff2d92, #a855f7 35%, #00e5ff 70%, #ff2d92);--gradient-glass: linear-gradient( 135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02) );--gradient-border: linear-gradient(135deg, rgba(255, 45, 146, .5), rgba(0, 229, 255, .5));--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-glow-primary: 0 0 24px rgba(255, 45, 146, .45), 0 0 60px rgba(255, 45, 146, .15);--shadow-glow-secondary: 0 0 24px rgba(0, 229, 255, .45), 0 0 60px rgba(0, 229, 255, .15);--shadow-card: 0 8px 32px rgba(0, 0, 0, .45);--shadow-card-hover: 0 16px 48px rgba(0, 0, 0, .55), 0 0 32px rgba(168, 85, 247, .12);--backdrop-blur: blur(16px);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .2s var(--ease-out-expo);--transition-med: .45s var(--ease-out-expo);--transition-slow: .8s var(--ease-out-expo);--glass-tint: rgba(20, 21, 32, .42);--glass-tint-strong: rgba(16, 17, 27, .62);--glass-tint-soft: rgba(255, 255, 255, .055);--glass-tint-hover: rgba(255, 255, 255, .09);--glass-border: rgba(255, 255, 255, .14);--glass-border-strong: rgba(255, 255, 255, .22);--glass-blur: blur(22px) saturate(160%);--glass-blur-strong: blur(30px) saturate(165%);--glass-blur-light: blur(14px) saturate(150%);--glass-refract: url(#liquid-glass) blur(14px) saturate(165%);--glass-refract-strong: url(#liquid-glass-strong) blur(18px) saturate(170%);--glass-edge: inset 0 1px 0 rgba(255, 255, 255, .28), inset 0 0 0 1px rgba(255, 255, 255, .04), inset 0 -1px 0 rgba(255, 255, 255, .06);--glass-shadow: 0 18px 50px rgba(0, 0, 0, .5);--glass-shadow-lg: 0 24px 70px rgba(0, 0, 0, .6);--glass-live: #25e0a4;--glass-btn-bg: rgba(255, 255, 255, .09);--glass-btn-bg-hover: rgba(255, 255, 255, .18);--glass-btn-border: rgba(255, 255, 255, .22);--glass-btn-border-hover: rgba(255, 255, 255, .45);--glass-btn-blur: blur(14px) saturate(160%);--glass-btn-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 4px 14px rgba(0, 0, 0, .25);--glass-glow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 0 0 1px rgba(255, 255, 255, .22), 0 0 22px rgba(255, 255, 255, .32), 0 10px 30px rgba(0, 0, 0, .3)}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/inter-300.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-700.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter-800.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/space-grotesk-500.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/space-grotesk-600.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-grotesk-700.woff2) format("woff2")}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;scroll-behavior:smooth;background-color:var(--color-bg)}body{font-family:var(--font-family);background-color:transparent;color:var(--color-text);line-height:1.6;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display)}button{cursor:pointer;border:none;outline:none;font-family:inherit}a{text-decoration:none;color:inherit}::selection{background:#ff2d9259;color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff2d9266,#00e5ff66);border-radius:var(--radius-full);border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--gradient-primary)}@keyframes fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes aurora-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{transform:translate(-150%) skew(-20deg)}to{transform:translate(250%) skew(-20deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ff2d9259}50%{box-shadow:0 0 40px #ff2d9299,0 0 80px #a855f740}}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glass-card,.glass-surface{background:var(--glass-tint);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge),var(--glass-shadow)}.glass-strong{background:var(--glass-tint-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);box-shadow:var(--glass-edge),var(--glass-shadow-lg)}.lg-refract .glass-card,.lg-refract .glass-surface{backdrop-filter:var(--glass-refract);-webkit-backdrop-filter:var(--glass-refract)}.lg-refract .glass-strong{backdrop-filter:var(--glass-refract-strong);-webkit-backdrop-filter:var(--glass-refract-strong)}.glass-interactive{transition:transform var(--transition-fast),box-shadow var(--transition-med),border-color var(--transition-fast)}.glass-interactive:hover{transform:translateY(-3px);border-color:var(--glass-border-strong);box-shadow:var(--glass-edge),var(--glass-shadow-lg)}.text-gradient{background:var(--gradient-aurora);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:aurora-shift 8s ease infinite}.animate-fade-up{animation:fade-up .8s var(--ease-out-expo) both}.enter-btn,.start-btn,.restart-btn,.continue-btn,.save-score-btn,.shop-buy-btn,.shop-cat-btn,.cookie-btn,.audio-toggle,.notfound-btn,.report-submit,.report-close-btn,.create-room-btn,.join-room-btn,.comment-submit-btn,.featured-buy-btn,.featured-cta,.upload-btn,.remove-btn,.back-button,.blog-back-btn,.gif-toggle-btn,.share-btn,.modal-buttons button{background:var(--glass-btn-bg)!important;color:#fff!important;border:1px solid var(--glass-btn-border)!important;-webkit-backdrop-filter:var(--glass-btn-blur);backdrop-filter:var(--glass-btn-blur);box-shadow:var(--glass-btn-shadow)!important;transition:background .25s var(--ease-out-expo),border-color .25s var(--ease-out-expo),box-shadow .3s var(--ease-out-expo),transform .2s var(--ease-out-expo)!important}.enter-btn:hover,.start-btn:hover,.restart-btn:hover,.continue-btn:hover,.save-score-btn:hover,.shop-buy-btn:hover,.shop-cat-btn:hover,.cookie-btn:hover,.audio-toggle:hover,.notfound-btn:hover,.report-submit:hover:not(:disabled),.report-close-btn:hover,.create-room-btn:hover,.join-room-btn:hover,.comment-submit-btn:hover:not(:disabled),.featured-buy-btn:hover,.featured-cta:hover,.upload-btn:hover,.remove-btn:hover,.back-button:hover,.blog-back-btn:hover,.gif-toggle-btn:hover,.share-btn:hover,.modal-buttons button:hover:not(:disabled),.enter-btn:focus-visible,.start-btn:focus-visible,.shop-buy-btn:focus-visible,.shop-cat-btn:focus-visible,.cookie-btn:focus-visible,.audio-toggle:focus-visible,.notfound-btn:focus-visible,.report-submit:focus-visible,.create-room-btn:focus-visible,.join-room-btn:focus-visible,.comment-submit-btn:focus-visible,.featured-buy-btn:focus-visible,.featured-cta:focus-visible,.upload-btn:focus-visible,.remove-btn:focus-visible,.back-button:focus-visible,.blog-back-btn:focus-visible,.gif-toggle-btn:focus-visible,.share-btn:focus-visible,.modal-buttons button:focus-visible{background:var(--glass-btn-bg-hover)!important;border-color:var(--glass-btn-border-hover)!important;box-shadow:var(--glass-glow)!important;transform:translateY(-2px);outline:none}.enter-btn:active,.start-btn:active,.restart-btn:active,.continue-btn:active,.save-score-btn:active,.shop-buy-btn:active,.shop-cat-btn:active,.cookie-btn:active,.audio-toggle:active,.notfound-btn:active,.report-submit:active,.report-close-btn:active,.create-room-btn:active,.join-room-btn:active,.comment-submit-btn:active,.featured-buy-btn:active,.featured-cta:active,.upload-btn:active,.remove-btn:active,.back-button:active,.blog-back-btn:active,.gif-toggle-btn:active,.share-btn:active,.modal-buttons button:active{transform:translateY(0) scale(.97);box-shadow:var(--glass-glow)!important}.shop-cat-btn.active{background:var(--glass-btn-bg-hover)!important;border-color:var(--glass-btn-border-hover)!important;box-shadow:var(--glass-glow)!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.settings-modal-overlay{position:fixed;inset:0;height:100dvh;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem}.settings-modal{background:var(--glass-tint-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-edge),var(--glass-shadow-lg);width:100%;max-width:500px;max-height:80vh;overflow-y:auto;padding:2rem;animation:modalScaleIn .3s cubic-bezier(.175,.885,.32,1.275);margin:auto}@keyframes modalScaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid var(--glass-border);padding-bottom:1rem}.settings-header h2{color:#f1f1f7;margin:0;font-family:var(--font-display);letter-spacing:-.01em}.close-btn{background:none;border:none;color:#ffffffb3;font-size:2rem;cursor:pointer;transition:color .3s}.close-btn:hover{color:#fff}.settings-section h3{color:#fff;margin-bottom:.5rem}.settings-section+.settings-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.notif-toggle-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.7rem 1.25rem;border-radius:100px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;font-family:inherit;transition:all .25s ease}.notif-toggle-btn:hover{border-color:#ffffff4d}.notif-toggle-btn.on{background:#25e0a41f;border-color:#25e0a466;color:#fff}.notif-toggle-track{width:38px;height:22px;border-radius:100px;background:#ffffff2e;position:relative;flex-shrink:0;transition:background .25s ease}.notif-toggle-btn.on .notif-toggle-track{background:var(--glass-live)}.notif-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.22,1,.36,1)}.notif-toggle-btn.on .notif-toggle-thumb{transform:translate(16px)}.settings-desc{color:#aaa;font-size:.9rem;margin-bottom:1.5rem}.bg-controls{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}@media(max-width:480px){.bg-controls{flex-direction:column}.upload-btn,.remove-btn{width:100%}}.hidden-input{display:none}.upload-btn,.remove-btn{padding:.8rem 1.5rem;border-radius:var(--radius-full);cursor:pointer;font-weight:700;transition:all .25s ease;text-align:center;flex:1}.upload-btn{background:#ffffffeb;border:1px solid rgba(255,255,255,.25);color:#0c0c14}.upload-btn:hover{background:#fff;box-shadow:0 6px 18px #0006;transform:translateY(-1px)}.remove-btn{background:var(--glass-tint-soft);border:1px solid var(--glass-border);color:#ffffffd9;backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light)}.remove-btn:hover{background:var(--glass-tint-hover);border-color:var(--glass-border-strong);color:#fff}.error-msg{color:#ff6b81;font-size:.9rem;margin-top:.5rem}.bg-preview{margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.bg-preview p{color:#fff;margin-bottom:.5rem}.bg-preview img{width:100%;height:150px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.blur-control{margin-bottom:1rem;margin-top:1rem}.blur-control label{display:block;color:#fff;margin-bottom:.8rem;font-size:.9rem}.blur-slider{width:100%;height:10px;border-radius:5px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;margin:10px 0}.blur-slider::-webkit-slider-runnable-track{width:100%;height:10px;background:#fff3;border-radius:5px;border:1px solid rgba(255,255,255,.1)}.blur-slider::-moz-range-track{width:100%;height:10px;background:#fff3;border-radius:5px;border:1px solid rgba(255,255,255,.1)}.blur-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:#fff;border:2px solid var(--neon-blue);border-radius:50%;cursor:pointer;box-shadow:0 0 10px #00000080;transition:transform .2s;margin-top:-7px}.blur-slider::-moz-range-thumb{width:24px;height:24px;background:#fff;border:2px solid var(--neon-blue);border-radius:50%;cursor:pointer;box-shadow:0 0 10px #00000080;transition:transform .2s}.blur-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.blur-slider::-moz-range-thumb:hover{transform:scale(1.2)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.cancel-btn,.save-btn{padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s;border:none}.cancel-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.cancel-btn:hover{background:#ffffff4d;border-color:#fff}.save-btn{background:linear-gradient(135deg,#0ff,#09f);color:#000;box-shadow:0 0 20px #00ffff80;font-weight:800;letter-spacing:.5px;text-transform:uppercase;border:2px solid #00ffff}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#0ff,#0cf);box-shadow:0 0 30px #0ffc;transform:scale(1.05);border-color:#fff}.save-btn:disabled{background:#00f3ff33;color:#fff6;box-shadow:none;cursor:not-allowed;border:1px solid rgba(0,243,255,.2)}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;padding:.85rem 1rem;background:transparent;animation:nav-drop .7s var(--ease-out-expo) both}@keyframes nav-drop{0%{transform:translateY(-120%);opacity:0}to{transform:translateY(0);opacity:1}}.nav-container{max-width:1120px;margin:0 auto;padding:.4rem .5rem .4rem 1.1rem;border-radius:var(--radius-full);display:flex;justify-content:space-between;align-items:center;gap:1rem}.nav-logo{display:flex;align-items:center;flex-shrink:0;transition:transform var(--transition-fast)}.logo-image{height:48px;width:auto;transition:filter var(--transition-fast)}@media(max-width:880px){.logo-image{height:40px}}.nav-logo:hover{transform:translateY(-1px)}.nav-logo:hover .logo-image{filter:drop-shadow(0 0 10px rgba(0,229,255,.35))}.nav-menu{display:flex;gap:1.6rem;align-items:center}.nav-link{color:#ffffffb8;text-decoration:none;font-size:.95rem;font-weight:500;letter-spacing:.1px;transition:color var(--transition-fast);position:relative;padding:.4rem 0;background:none;border:none;font-family:inherit;cursor:pointer}.nav-link:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:2px;border-radius:2px;background:var(--glass-live);transition:width .3s var(--ease-out-expo)}.nav-link:hover{color:#fff}.nav-link:hover:after{width:100%}.nav-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.nav-online{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .9rem;border-radius:var(--radius-full);background:#ffffff0f;border:1px solid var(--glass-border);color:#ffffffd1;font-size:.82rem;font-weight:500;white-space:nowrap}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--glass-live);box-shadow:0 0 0 3px #25e0a42e,0 0 10px #25e0a4b3;animation:pulse-dot 2.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.45}}.nav-chat-btn{display:inline-flex!important;align-items:center;gap:.4rem;padding:.4rem .95rem!important;background:var(--glass-btn-bg)!important;-webkit-backdrop-filter:var(--glass-btn-blur);backdrop-filter:var(--glass-btn-blur);border:1px solid var(--glass-btn-border)!important;border-radius:var(--radius-full);color:#fff!important;font-weight:700!important;box-shadow:var(--glass-btn-shadow)!important;transition:transform .2s,box-shadow .3s,background .25s,border-color .25s!important}.nav-chat-btn:after{display:none!important}.nav-chat-btn:hover,.nav-chat-btn:focus-visible{color:#fff!important;background:var(--glass-btn-bg-hover)!important;border-color:var(--glass-btn-border-hover)!important;transform:translateY(-1px);box-shadow:var(--glass-glow)!important;outline:none}.nav-chat-btn:active{transform:translateY(0) scale(.97);box-shadow:var(--glass-glow)!important}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger span{width:24px;height:2px;background:#ffffffe6;margin:3px 0;transition:all .3s ease;border-radius:2px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media(max-width:880px){.nav-container{padding:.45rem .5rem .45rem 1rem}.nav-online{display:none}.hamburger{display:flex}.nav-menu{position:fixed;top:0;right:-100%;height:100vh;width:74%;max-width:320px;background:var(--glass-tint-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:right .35s var(--ease-out-expo);border-left:1px solid var(--glass-border);box-shadow:-10px 0 40px #00000080}.nav-menu.active{right:0}.nav-link{font-size:1.2rem}}body{padding-top:84px}@media(max-width:880px){body{padding-top:72px}}.landing-wrapper{position:relative;width:100%;background:transparent;z-index:100;margin-top:-84px}.landing-container{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:6rem 1rem 2rem}.landing-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.landing-bg-poster,.landing-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.landing-bg-video{animation:bg-fade .8s ease both}@keyframes bg-fade{0%{opacity:0}to{opacity:1}}.landing-bg-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#07070bc7,#07070b80 32%,#07070b8c 62%,#07070bd9),radial-gradient(110% 80% at 50% 42%,transparent 25%,rgba(5,5,9,.55) 100%)}.landing-content{position:relative;z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;max-width:720px;padding:0 var(--spacing-md)}.landing-eyebrow{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .95rem;margin-bottom:var(--spacing-md);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-full);background:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#ffffffd1;font-size:.82rem;font-weight:500;letter-spacing:.2px}.login-form .avatar-carousel-title{display:none}.login-form .avatar-carousel{margin-bottom:var(--spacing-md)}.live-dot{width:7px;height:7px;border-radius:50%;background:#25e0a4;box-shadow:0 0 0 3px #25e0a433,0 0 10px #25e0a499}.landing-title{font-family:var(--font-display);font-size:clamp(1.9rem,4.4vw,3.1rem);font-weight:700;line-height:1.05;letter-spacing:-.03em;margin:0 0 var(--spacing-md);white-space:nowrap;background:none;color:#e9e9f0;-webkit-text-fill-color:#e9e9f0;text-shadow:0 2px 30px rgba(0,0,0,.5)}.landing-subtitle{max-width:30rem;font-size:1rem;line-height:1.5;color:#ffffffa8;margin-bottom:var(--spacing-lg)}.login-form.glass{position:relative;display:flex;flex-direction:column;align-items:stretch;width:min(92vw,400px);padding:var(--spacing-lg);border-radius:24px;border:1px solid var(--glass-border-strong);background:var(--glass-tint-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);box-shadow:var(--glass-shadow-lg),inset 0 1px #ffffff42,inset 0 -1px #ffffff0f}.lg-refract .login-form.glass{backdrop-filter:var(--glass-refract-strong);-webkit-backdrop-filter:var(--glass-refract-strong)}.login-form.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.16),transparent 55%)}.username-input{width:100%;padding:.8rem var(--spacing-lg);margin-bottom:var(--spacing-md);background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-md);text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);outline:none}.username-input:focus{background:#ffffff1a;border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a}.username-input::placeholder{color:#fff6}.form-label{font-size:.72rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff80;text-align:center;margin-bottom:var(--spacing-md)}.error-message{color:#ff6b81;font-size:var(--font-size-sm);margin-top:var(--spacing-sm);text-align:center}.enter-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:var(--spacing-md);padding:.85rem var(--spacing-xl);border:1px solid var(--glass-btn-border);border-radius:var(--radius-full);background:var(--glass-btn-bg);backdrop-filter:var(--glass-btn-blur);-webkit-backdrop-filter:var(--glass-btn-blur);color:#fff;font-size:var(--font-size-md);font-weight:700;letter-spacing:.2px;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--glass-btn-shadow)}.enter-btn:hover:not(:disabled),.enter-btn:focus-visible{transform:translateY(-2px);background:var(--glass-btn-bg-hover);border-color:var(--glass-btn-border-hover);box-shadow:var(--glass-glow);outline:none}.enter-btn:active:not(:disabled){transform:translateY(0) scale(.985);box-shadow:var(--glass-glow)}.enter-btn:disabled{opacity:.6;cursor:not-allowed}.landing-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:var(--spacing-md);font-size:.82rem;color:#fff9}.landing-trust .dot{color:#ffffff4d}@media(max-width:880px){.landing-wrapper{margin-top:-72px}.landing-container{padding-top:5.25rem}}@media(max-width:600px){.landing-title{white-space:normal;font-size:clamp(2rem,8vw,2.6rem)}.landing-subtitle{font-size:.95rem}.login-form.glass{padding:var(--spacing-lg)}}@media(max-height:760px)and (min-width:601px){.landing-title{font-size:clamp(1.7rem,3.6vw,2.5rem);margin-bottom:var(--spacing-sm)}.landing-eyebrow{margin-bottom:var(--spacing-sm)}.landing-subtitle{margin-bottom:var(--spacing-md);font-size:.95rem}}.avatar-carousel{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-lg);width:100%}.avatar-carousel-title{font-size:.9rem;color:var(--color-text-muted);letter-spacing:2px;margin-bottom:var(--spacing-md);text-transform:uppercase}.carousel-container{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);position:relative;width:100%;max-width:300px}.carousel-arrow{background:#ffffff0d;border:1px solid var(--color-border-strong);color:var(--color-text);font-size:1.6rem;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;-webkit-user-select:none;user-select:none;line-height:1;padding-bottom:4px}.carousel-arrow:hover{background:#ffffff1f;border-color:var(--color-border-strong);transform:scale(1.06)}.carousel-arrow:active{transform:scale(.95)}.avatar-display{width:96px;height:96px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.14);box-shadow:0 4px 16px #0006;background:#0000004d;position:relative}.current-avatar{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.avatar-counter{margin-top:var(--spacing-sm);color:var(--color-text-muted);font-size:.9rem;font-family:monospace}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.current-avatar{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.footer{background:var(--glass-tint-strong);border-top:1px solid var(--glass-border);padding:2rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge);position:relative;z-index:10}.footer:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);opacity:.7}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.75rem}.footer-links{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.footer-links-legal{font-size:.85rem;opacity:.85}.footer-link{color:#ffffffb3;text-decoration:none;font-size:.95rem;transition:all .3s ease;position:relative}.footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--glass-live);transition:width .35s var(--ease-out-expo)}.footer-link:hover{color:#fff}.footer-link:hover:after{width:100%}.footer-separator{color:#ffffff4d;font-size:.8rem}.footer-text{color:#ffffff80;font-size:.85rem;text-align:center}@media(max-width:768px){.footer{padding:1rem}.footer-links{flex-wrap:wrap;justify-content:center}.footer-link{font-size:.9rem}.footer-text{font-size:.8rem}}.site-bg{position:fixed;inset:0;z-index:-3;pointer-events:none;overflow:hidden;background:#07070b}.site-bg-poster,.site-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.site-bg-video{animation:site-bg-fade .8s ease both}@keyframes site-bg-fade{0%{opacity:0}to{opacity:1}}.site-bg-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#07070dad,#07070d85 32%,#07070d8f 65%,#07070dc7),radial-gradient(120% 90% at 50% 40%,transparent 35%,rgba(5,5,9,.45) 100%)}@media(prefers-reduced-motion:reduce){.site-bg-video{animation:none}}.app-container{min-height:calc(100vh - 84px);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;background:transparent;position:relative}h1{font-size:4rem;font-weight:800;color:var(--color-text);text-shadow:0 2px 24px rgba(0,0,0,.5);margin-bottom:var(--spacing-xl);z-index:1}@media(max-width:768px){.app-container{padding:0;justify-content:flex-start}}