.codex-sidebar__shell[data-v-3f3ff5b2]{position:fixed;inset:0;display:flex;justify-content:center;z-index:60}.codex-sidebar__backdrop[data-v-3f3ff5b2]{position:absolute;inset:0;background:#060a1299;backdrop-filter:blur(6px)}.codex-sidebar__panel[data-v-3f3ff5b2]{position:relative;width:min(360px,94vw);margin-inline:auto;background:#0c0f1af5;border-radius:20px;border:1px solid rgba(120,140,180,.35);box-shadow:0 18px 30px #04061252;padding:24px;display:flex;flex-direction:column;color:#dee5ffeb}.codex-sidebar__header[data-v-3f3ff5b2]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.codex-sidebar__glyph[data-v-3f3ff5b2]{font-weight:700;letter-spacing:.08em;color:#bac5ffe6}.codex-sidebar__title[data-v-3f3ff5b2]{flex:1;text-align:center;font-size:.92rem;text-transform:uppercase;color:#d2daf4e6;letter-spacing:.18em}.codex-sidebar__close[data-v-3f3ff5b2]{background:transparent;border:none;color:#d2daf4d9;cursor:pointer;transition:color .2s ease}.codex-sidebar__close[data-v-3f3ff5b2]:hover{color:var(--hud-icon-accent, #8fa2ff)}.codex-sidebar__section[data-v-3f3ff5b2]{margin-bottom:20px}.codex-sidebar__section[data-v-3f3ff5b2]:last-of-type{margin-bottom:0}.codex-sidebar__section-title[data-v-3f3ff5b2]{font-size:.74rem;text-transform:uppercase;letter-spacing:.16em;margin-bottom:10px;color:#9ca8d2d9}.codex-sidebar__links[data-v-3f3ff5b2]{display:grid;gap:10px}.codex-sidebar__link[data-v-3f3ff5b2]{display:flex;align-items:center;width:100%;background:#181d2ee6;border:1px solid rgba(122,138,180,.35);border-radius:14px;padding:12px;color:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,transform .2s ease,background .2s ease}.codex-sidebar__link[data-v-3f3ff5b2]:hover{border-color:var(--hud-icon-accent, #8fa2ff);background:#21283cf2;transform:translate(-2px)}.codex-sidebar__link-icon[data-v-3f3ff5b2]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#313856d9;margin-inline-end:12px;color:inherit}.codex-sidebar__link-label[data-v-3f3ff5b2]{font-weight:600;display:block;color:#e1e8fff2}.codex-sidebar__link-description[data-v-3f3ff5b2]{font-size:.75rem;color:#c8d0ecc7}.codex-sidebar__footer[data-v-3f3ff5b2]{margin-top:auto;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:#a7b0d2b3}.codex-sidebar-fade-enter-active[data-v-3f3ff5b2],.codex-sidebar-fade-leave-active[data-v-3f3ff5b2]{transition:opacity .25s ease}.codex-sidebar-fade-enter-from[data-v-3f3ff5b2],.codex-sidebar-fade-leave-to[data-v-3f3ff5b2]{opacity:0}.codex-footer-hud[data-v-dfbdecb0]{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:flex-end;justify-content:center;width:min(420px,100vw);padding:16px 0 20px;pointer-events:none}.codex-footer-hud__frame[data-v-dfbdecb0]{position:relative;display:grid;gap:8px;width:calc(100% - 24px);margin-inline:auto;padding:16px 18px 14px;border-radius:28px 28px 18px 18px;background:#0a0d17f2;border:1px solid rgba(120,140,180,.35);box-shadow:0 18px 28px #04061247;backdrop-filter:blur(12px);pointer-events:auto}.codex-footer-hud__list[data-v-dfbdecb0]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.codex-footer-hud__item[data-v-dfbdecb0]{list-style:none}.codex-footer-hud__button[data-v-dfbdecb0]{display:grid;justify-items:center;gap:8px;width:100%;padding:10px 4px 12px;border:none;background:transparent;color:var(--hud-icon-foreground, #cfd8ff);text-transform:uppercase;letter-spacing:.14em;font-size:.58rem;cursor:pointer;transition:color .2s ease,transform .2s ease}.codex-footer-hud__button[data-v-dfbdecb0]:hover{transform:translateY(-2px);color:var(--hud-icon-accent, #8fa2ff)}.codex-footer-hud__button--active[data-v-dfbdecb0]{color:var(--hud-icon-accent, #8fa2ff)}.codex-footer-hud__icon[data-v-dfbdecb0]{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#22273ceb;border:1px solid rgba(120,140,180,.4);color:inherit;font-size:1.25rem;transition:border-color .25s ease,background .25s ease}.codex-footer-hud__icon--active[data-v-dfbdecb0]{border-color:var(--hud-icon-accent, #8fa2ff);background:#313856f2}.codex-footer-hud__label[data-v-dfbdecb0]{font-weight:600;letter-spacing:.12em;color:inherit}@media(max-width:460px){.codex-footer-hud__frame[data-v-dfbdecb0]{width:calc(100% - 12px);padding-inline:12px}.codex-footer-hud__icon[data-v-dfbdecb0]{width:44px;height:44px;font-size:1.1rem}.codex-footer-hud__label[data-v-dfbdecb0]{font-size:.52rem;letter-spacing:.1em}}.hud-footer-fade-enter-active[data-v-dfbdecb0],.hud-footer-fade-leave-active[data-v-dfbdecb0]{transition:opacity .3s ease}.hud-footer-fade-enter-from[data-v-dfbdecb0],.hud-footer-fade-leave-to[data-v-dfbdecb0]{opacity:0}.blackhole-overlay[data-v-f44affed]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#191919;overflow:hidden;z-index:9999;display:flex;align-items:center;justify-content:center}#blackhole[data-v-f44affed]{height:100%;width:100%;position:relative;display:flex}.centerHover[data-v-f44affed]{width:255px;height:255px;background-color:transparent;border-radius:50%;position:absolute;left:50%;top:50%;margin-top:-128px;margin-left:-128px;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff;letter-spacing:.4rem;font-weight:600;cursor:pointer;transition:transform .6s ease,text-shadow .6s ease;text-transform:uppercase}.centerHover span[data-v-f44affed]{pointer-events:none}.centerHover[data-v-f44affed]:hover{transform:scale(1.05);text-shadow:0 0 12px rgba(255,255,255,.8)}.centerHover.open[data-v-f44affed]{animation:pulseGlow-f44affed 2.5s ease-in-out infinite}.centerHover.transitioning[data-v-f44affed]{cursor:progress;pointer-events:none;text-shadow:0 0 18px rgba(255,255,255,.85)}.blackhole-fade-enter-active[data-v-f44affed],.blackhole-fade-leave-active[data-v-f44affed]{transition:opacity .6s ease}.blackhole-fade-enter-from[data-v-f44affed],.blackhole-fade-leave-to[data-v-f44affed]{opacity:0}@keyframes pulseGlow-f44affed{0%,to{box-shadow:0 0 24px #ffffff4d}50%{box-shadow:0 0 48px #fff9}}:root{--emerald-dark-1: #032924;--emerald-dark-2: #064e3b;--emerald-bright: #10b981;--emerald-glow: rgba(16, 185, 129, .6);--emerald-subtle: rgba(16, 185, 129, .1);--gold-primary: #ffd700;--gold-light: #ffe55c;--gold-dark: #b8860b;--gold-glow: rgba(255, 215, 0, .8);--gold-subtle: rgba(255, 215, 0, .1);--bg-primary: #0a0e27;--bg-secondary: #0f1419;--bg-card: #1a1f35;--bg-elevated: #252b42;--bg-overlay: rgba(10, 14, 39, .95);--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--text-accent: var(--gold-primary);--text-emerald: var(--emerald-bright);--link-default: var(--gold-primary);--link-hover: var(--gold-light);--link-visited: var(--gold-dark);--link-active: var(--emerald-bright);--border-default: var(--emerald-dark-2);--border-accent: var(--gold-primary);--border-emerald: var(--emerald-bright);--border-subtle: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--glow-gold: 0 0 6px var(--gold-primary), 0 0 12px var(--gold-glow), 0 0 18px var(--gold-glow);--glow-emerald: 0 0 6px var(--emerald-bright), 0 0 12px var(--emerald-glow), 0 0 18px var(--emerald-glow);--glow-cosmic: 0 0 10px var(--gold-primary), 0 0 20px var(--emerald-bright), 0 0 30px rgba(255, 215, 0, .5), 0 0 40px rgba(16, 185, 129, .5);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--tg-theme-bg-color: var(--bg-primary);--tg-theme-text-color: var(--text-primary);--tg-theme-hint-color: var(--text-muted);--tg-theme-link-color: var(--link-default);--tg-theme-button-color: var(--emerald-bright);--tg-theme-button-text-color: var(--text-primary);--tg-theme-secondary-bg-color: var(--bg-card);--font-title: "Metal Mania", "JetBrains Mono", cursive, monospace;--font-body: "Philosopher", "JetBrains Mono", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-arabic: "Cairo Play", "JetBrains Mono", "Arabic Typesetting", Tahoma, Arial, sans-serif;--font-mono: "JetBrains Mono", "Courier New", Courier, monospace;--font-universal: "Cairo Play", "Philosopher", "Metal Mania", "JetBrains Mono", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;padding-bottom:90px;background-image:radial-gradient(circle at 20% 50%,var(--emerald-subtle) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--gold-subtle) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,215,0,.05) 0%,transparent 50%);background-attachment:fixed;background-size:100% 100%;font-family:var(--font-body);font-size:16px;line-height:1.6;letter-spacing:.02em}@keyframes pulse{0%,to{opacity:1;transform:scale(1);transform:scale(.85);opacity:.6}50%{opacity:.8;transform:scale(1.05);transform:scale(1.1);opacity:1}}@font-face{font-family:Metal Mania;src:url(/fonts/MetalMania-Regular-C6c2Qb5H.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0020-007F,U+00A0-00FF,U+2190-21FF,U+2200-22FF}@font-face{font-family:Philosopher;src:url(/fonts/Philosopher-Regular-COpkNHGx.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0020-007F,U+00A0-00FF,U+2190-21FF,U+2200-22FF}@font-face{font-family:Cairo Play;src:url(/fonts/CairoPlay-Regular-CqJ6isna.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular-BfkeHI0l.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-FFFF}.initialization-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#050f23f2,#000000fa);z-index:50}.loading-pulse{width:3rem;height:3rem;border-radius:9999px;background:radial-gradient(circle,#00ffc8b3,#0000);animation:pulse 1.5s ease-in-out infinite;box-shadow:0 0 25px #00ffc880}.loading-text{font-family:Space Grotesk,sans-serif;font-size:1rem;letter-spacing:.1em;color:#24f2a3;text-transform:uppercase;text-shadow:0 0 12px rgba(36,242,163,.75)}html{width:100%;overflow-x:hidden;overscroll-behavior-x:none}:root{--tg-theme-bg-color: #032924;--tg-theme-text-color: #ffffff;--tg-theme-hint-color: #94a3b8;--tg-theme-link-color: #ffd700;--tg-theme-button-color: #10b981;--tg-theme-button-text-color: #ffffff;--primary-color: #10b981;--secondary-color: #ffd700;--accent-color: #06b6d4;--dark-bg: #032924;--card-bg: #064e3b;--gradient-emerald: linear-gradient(135deg, #032924 0%, #064e3b 50%, #10b981 100%);--gradient-gold: linear-gradient(135deg, #b8860b 0%, #ffd700 50%, #ffe55c 100%);--gradient-cosmic: linear-gradient( 135deg, #032924 0%, #064e3b 25%, #10b981 50%, #ffd700 75%, #ffe55c 100% )}body{font-family:var( --font-body, "Philosopher", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif );background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative;width:100%;display:flex;justify-content:center}#app{width:100%;max-width:420px;min-height:100vh;position:relative}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at top,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(255,215,0,.1) 0%,transparent 50%);animation:cosmicPulse 8s ease-in-out infinite}@keyframes cosmicPulse{0%,to{opacity:.5}50%{opacity:.8}}.container{max-width:100%;padding:1rem;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(2px 2px at 10% 20%,#ffd700,transparent),radial-gradient(2px 2px at 90% 80%,#10b981,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(2px 2px at 30% 70%,#ffd700,transparent),radial-gradient(1px 1px at 70% 30%,#10b981,transparent);background-size:300% 300%;opacity:.4;animation:floatingParticles 30s linear infinite;pointer-events:none;z-index:-1}@keyframes floatingParticles{0%{transform:translate(0) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.header{text-align:center;padding:2.5rem 1.5rem;background:var(--gradient-emerald);border-radius:20px;margin-bottom:2rem;position:relative;overflow:hidden;border:2px solid #10b981;box-shadow:0 0 30px #10b98199,0 0 60px #10b9814d,0 10px 40px #0000004d,inset 0 0 40px #ffd7001a}.header:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,gold,#10b981,gold,#10b981);background-size:400% 400%;border-radius:20px;z-index:-1;animation:gradientRotate 8s ease infinite;filter:blur(10px)}@keyframes gradientRotate{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.header:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.3),transparent);animation:shimmerSlide 3s infinite}@keyframes shimmerSlide{0%{left:-100%}to{left:200%}}.title{font-family:var(--font-title, "Metal Mania", cursive);font-size:clamp(2rem,5vw + 1rem,4rem);font-weight:400;margin-bottom:.75rem;letter-spacing:.15em;position:relative;text-shadow:0 0 10px #ffd700,0 0 20px #ffd700,0 0 30px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.6),0 0 50px rgba(255,215,0,.4),2px 2px 4px rgba(0,0,0,.5);animation:titleGlow 4s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 0 10px #ffd700,0 0 20px #ffd700,0 0 30px rgba(255,215,0,.8)}50%{text-shadow:0 0 15px #ffd700,0 0 30px #ffd700,0 0 45px rgba(255,215,0,1),0 0 60px rgba(255,215,0,.8)}}.subtitle{font-family:var(--font-title, "Metal Mania", cursive);font-size:clamp(.875rem,2vw + .25rem,1.25rem);opacity:.95;letter-spacing:.12em;text-shadow:0 0 8px #10b981,0 0 16px rgba(16,185,129,.6),0 0 24px rgba(16,185,129,.4);animation:subtitlePulse 3s ease-in-out infinite}@keyframes subtitlePulse{0%,to{opacity:.9}50%{opacity:1}}.main-content{max-width:600px;margin:0 auto;position:relative;z-index:2}.info-card{background:#064e3b99;backdrop-filter:blur(10px);border-radius:16px;padding:2rem;margin-bottom:2rem;border:2px solid #10b981;position:relative;overflow:hidden;box-shadow:0 0 30px #10b98166,0 0 60px #10b98133,0 8px 32px #0000004d,inset 0 0 30px #ffd7000d;transition:all .4s cubic-bezier(.4,0,.2,1)}.info-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);transition:left .5s}.info-card:hover{transform:translateY(-8px) scale(1.02);border-color:gold;box-shadow:0 0 40px #ffd70099,0 0 80px #10b98166,0 12px 48px #0006,inset 0 0 40px #ffd7001a}.info-card:hover:before{left:100%}.info-card h2{color:gold;margin-bottom:1.25rem;font-size:clamp(1.5rem,3vw + .5rem,2rem);font-family:var(--font-title, "Metal Mania", cursive);text-shadow:0 0 8px #ffd700,0 0 16px rgba(255,215,0,.6)}#user-info{color:var(--tg-theme-hint-color);line-height:1.8;font-family:var(--font-body, "Philosopher", sans-serif)}.features{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media(min-width:600px){.features{grid-template-columns:repeat(3,1fr)}}.feature-card{background:#032924cc;backdrop-filter:blur(8px);border-radius:16px;padding:2rem 1.5rem;border:2px solid rgba(16,185,129,.3);text-align:center;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 4px 20px #10b98133,inset 0 0 20px #ffd70008}.feature-card h3{font-family:var(--font-title, "Metal Mania", cursive);font-size:clamp(1.125rem,2.5vw + .5rem,1.5rem);margin-bottom:.75rem;text-shadow:0 0 6px #10b981,0 0 12px rgba(16,185,129,.5)}.feature-card p{font-family:var(--font-body, "Philosopher", sans-serif);color:#fffc;font-size:clamp(.875rem,1.5vw + .25rem,1rem)}.feature-card:before,.feature-card:after{content:"";position:absolute;width:40px;height:40px;border:2px solid #ffd700;opacity:0;transition:all .3s ease}.feature-card:before{top:-2px;left:-2px;border-right:none;border-bottom:none;border-radius:16px 0 0}.feature-card:after{bottom:-2px;right:-2px;border-left:none;border-top:none;border-radius:0 0 16px}.feature-card:hover{transform:translateY(-10px) scale(1.05) rotate(2deg);border-color:gold;box-shadow:0 0 40px #ffd70080,0 0 80px #10b9814d,0 15px 50px #0006,inset 0 0 30px #ffd7001a}.feature-card:hover:before,.feature-card:hover:after{opacity:1;box-shadow:0 0 15px #ffd700cc}.feature-card:hover h3{text-shadow:0 0 10px #ffd700,0 0 20px rgba(255,215,0,.8);transform:scale(1.1)}.action-buttons{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.btn{padding:1.25rem 2.5rem;border:2px solid #10b981;border-radius:14px;font-size:1rem;font-weight:600;font-family:var(--font-title, "Metal Mania", cursive);cursor:pointer;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.1em;background:var(--gradient-emerald);color:#fff;box-shadow:0 0 20px #10b98180,0 4px 20px #0000004d,inset 0 1px #ffffff1a;text-shadow:0 0 8px rgba(255,215,0,.8);transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.6) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:400px;height:400px}.btn:hover{transform:translateY(-4px) scale(1.05);border-color:gold;box-shadow:0 0 40px #ffd700cc,0 0 80px #10b98180,0 8px 30px #0006,inset 0 0 30px #ffd70033;text-shadow:0 0 12px #ffd700,0 0 24px rgba(255,215,0,1)}.btn:active{transform:translateY(-1px) scale(1.02)}.btn-primary{background:var(--gradient-gold);border-color:gold;box-shadow:0 0 25px #ffd70099,0 5px 25px #0000004d}.btn-primary:hover{box-shadow:0 0 50px gold,0 0 100px #ffd70099,0 10px 40px #0006}.btn-secondary{background:#032924cc;border-color:#10b981;box-shadow:0 0 20px #10b98166,0 4px 20px #0000004d}.btn-secondary:hover{background:#064e3be6;box-shadow:0 0 40px #10b981cc,0 8px 30px #0006}.status-info{background:#03292499;backdrop-filter:blur(10px);border-radius:14px;padding:1.75rem;margin-bottom:2rem;border:2px solid rgba(16,185,129,.3);box-shadow:0 4px 20px #10b98133,inset 0 0 20px #ffd7000d}.status-info h3{color:gold;margin-bottom:1rem;font-size:1.3rem;font-family:var(--font-title, "Metal Mania", cursive);text-shadow:0 0 8px #ffd700,0 0 16px rgba(255,215,0,.6)}#status-details{font-family:var(--font-mono, "JetBrains Mono", "Courier New", monospace);font-size:.9rem;color:#ffffffb3;line-height:1.9}.telegram-login-section{background:#064e3b80;backdrop-filter:blur(12px);padding:2.5rem 2rem;margin-bottom:2rem;border:2px solid #10b981;position:relative;overflow:hidden;box-shadow:0 0 35px #10b98166,0 0 70px #10b98133,inset 0 0 30px #ffd7000d;background:linear-gradient(135deg,#8c52ff1a,#06b6d41a);border-radius:16px;padding:2rem;margin:2rem 0;border:2px solid rgba(140,82,255,.3);box-shadow:0 8px 32px #8c52ff33}.telegram-login-section:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#10b981,gold,#10b981);background-size:200% 200%;border-radius:18px;z-index:-1;animation:borderGlow 4s linear infinite;filter:blur(8px);opacity:.6}@keyframes borderGlow{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.telegram-login-section h3{font-family:var(--font-title, "Metal Mania", cursive);font-size:clamp(1.25rem,2.5vw + .5rem,1.75rem);margin-bottom:1.5rem;text-align:center;color:var(--primary-color);font-size:1.4rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.login-method{background:#03292499;border-radius:12px;padding:1.5rem;margin:1rem 0;border:1px solid rgba(16,185,129,.3);transition:all .3s ease;background:var(--card-bg);border:1px solid rgba(6,182,212,.3)}.login-method:hover{background:#064e3bb3;border-color:gold;box-shadow:0 0 20px #ffd7004d,inset 0 0 15px #ffd7001a;transform:translateY(-2px);box-shadow:0 6px 20px #06b6d44d}.login-method h4{font-family:var(--font-title, "Metal Mania", cursive);font-size:1.1rem;margin-bottom:1rem;color:gold;text-shadow:0 0 6px rgba(255,215,0,.6);color:var(--secondary-color);font-weight:600}.footer{text-align:center;padding:2.5rem 1rem;margin-top:3rem;font-family:var(--font-body, "Philosopher", sans-serif);color:#ffffff80;font-size:.95rem;position:relative}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,#10b981,#ffd700,#10b981,transparent);box-shadow:0 0 10px #10b98180}.footer p{margin:0;text-shadow:0 0 4px rgba(255,215,0,.3)}body.theme-light{--tg-theme-bg-color: #f0f4f8;--tg-theme-text-color: #032924;--tg-theme-hint-color: #64748b;--dark-bg: #e2e8f0;--card-bg: rgba(255, 255, 255, .9)}body.theme-light .header{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}body.theme-light .card,body.theme-light .info-card,body.theme-light .feature-card{background:#fffffff2;color:#032924;border-color:#10b981}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}}.updating{animation:statusPulse 1.5s ease-in-out infinite}@media(max-width:768px){:root{--spacing-md: .875rem;--spacing-lg: 1.25rem}.container{padding:.75rem}.header{padding:2rem 1.25rem;margin-bottom:1.5rem}.title{font-size:clamp(1.5rem,4vw + .5rem,2.5rem);letter-spacing:.1em;text-shadow:0 0 8px #ffd700,0 0 16px rgba(255,215,0,.6)}.subtitle{font-size:clamp(.75rem,1.8vw + .2rem,1rem);text-shadow:0 0 6px #10b981,0 0 12px rgba(16,185,129,.4)}.info-card,.feature-card{padding:1.5rem 1.25rem}.features{gap:1.25rem}.btn{padding:1rem 2rem;font-size:.95rem}.telegram-login-section{padding:2rem 1.5rem}.container:before,body:after{opacity:.2}}@media(max-width:480px){:root{--spacing-sm: .375rem;--spacing-md: .625rem;--spacing-lg: 1rem}body{font-size:14px}.container{padding:.5rem}.header{padding:1.5rem 1rem;border-radius:14px;margin-bottom:1.25rem}.title{font-size:clamp(1.25rem,3.5vw + .5rem,2rem);margin-bottom:.5rem;letter-spacing:.08em;text-shadow:0 0 6px #ffd700,0 0 12px rgba(255,215,0,.5);animation:none}.subtitle{font-size:clamp(.65rem,1.6vw + .2rem,.875rem);letter-spacing:.06em;text-shadow:0 0 4px #10b981,0 0 8px rgba(16,185,129,.3);animation:none}.main-content{padding:0}.info-card,.feature-card,.telegram-login-section{padding:1.25rem 1rem;border-radius:12px}.info-card h2{font-size:clamp(1.25rem,2.5vw + .5rem,1.75rem);text-shadow:0 0 6px #ffd700,0 0 12px rgba(255,215,0,.4)}.features{gap:1rem;grid-template-columns:1fr}.feature-card{padding:1.5rem 1.25rem}.feature-card h3{font-size:clamp(1rem,2.2vw + .5rem,1.25rem);text-shadow:0 0 4px #10b981,0 0 8px rgba(16,185,129,.3)}.feature-card p{font-size:clamp(.8rem,1.4vw + .2rem,.95rem)}.btn{padding:.875rem 1.75rem;font-size:.875rem;letter-spacing:.08em;box-shadow:0 0 15px #10b9814d,0 2px 15px #0003;text-shadow:0 0 6px rgba(255,215,0,.6)}.btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 25px #ffd70080,0 0 50px #10b9814d,0 4px 20px #0000004d}.telegram-login-section{padding:1.75rem 1.25rem}.login-method{padding:1.25rem 1rem}.login-method h4{font-size:1rem;text-shadow:0 0 4px rgba(255,215,0,.4)}.footer{padding:2rem .75rem;font-size:.85rem}.container:before{animation-duration:60s;opacity:.15}body:after{opacity:.15}.header:before,.header:after{animation:none;display:none}.feature-card:before,.feature-card:after{display:none}.feature-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 0 25px #ffd7004d,0 0 50px #10b98133,0 8px 30px #0000004d}}@media(max-width:360px){.container{padding:.375rem}.title{font-size:1.125rem}.subtitle{font-size:.625rem}.btn{padding:.75rem 1.5rem;font-size:.8125rem}}[dir=rtl],.arabic-text{direction:rtl;text-align:right}[dir=rtl] .header,.arabic-text .header{text-align:center}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,.arabic-text h1,.arabic-text h2,.arabic-text h3{font-family:var(--font-arabic, "Cairo Play", sans-serif);letter-spacing:.03em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.title,.subtitle{text-shadow:none;font-weight:700}.card,.info-card,.feature-card{border-width:3px}}@media(prefers-color-scheme:dark){:root{--tg-theme-bg-color: #032924;--tg-theme-text-color: #ffffff}}@media print{body:before,body:after,.container:before,.header:before,.header:after{display:none}.title,.subtitle,h1,h2,h3,h4{text-shadow:none}.card,.info-card,.feature-card{box-shadow:none;border:1px solid #10b981}}.hidden{display:none!important}.visible{display:block!important}.text-center{text-align:center}.text-gold{color:gold}.text-emerald{color:#10b981}.bg-cosmic{background:var(--gradient-cosmic)}.shadow-cosmic{box-shadow:var(--glow-cosmic)}.shimmer{animation:shimmerSlide 3s infinite}.rotate-slow{animation:rotate 20s linear infinite}.login-method:last-child{margin-bottom:0}.login-method iframe{margin:0 auto;display:block!important;border-radius:8px;box-shadow:0 4px 12px #0003}.auth-success{background:linear-gradient(135deg,#10b9811a,#22c55e1a);border:2px solid rgba(16,185,129,.3);border-radius:12px;padding:1.5rem;margin-top:1rem;animation:slideIn .5s ease-out}.auth-success h4{color:#10b981;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.auth-success p{margin:.5rem 0;color:var(--tg-theme-text-color);line-height:1.6}.auth-success strong{color:var(--primary-color);font-weight:600}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.telegram-login-section .login-method{position:relative;overflow:hidden}.telegram-login-section .login-method:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.telegram-login-section .login-method:hover:before{left:100%}@media(max-width:600px){.telegram-login-section{padding:1.5rem;margin:1.5rem 0}.telegram-login-section h3{font-size:1.2rem}.login-method{padding:1rem}.login-method h4{font-size:1rem}}@media(prefers-color-scheme:dark){.telegram-login-section{background:linear-gradient(135deg,#8c52ff26,#06b6d426);border-color:#8c52ff66}.login-method{background:#ffffff0d;border-color:#06b6d466}.auth-success{background:linear-gradient(135deg,#10b98126,#22c55e26);border-color:#10b98166}}@font-face{font-family:Metal Mania;src:url(/fonts/MetalMania-Regular-C6c2Qb5H.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0020-007F,U+00A0-00FF,U+2190-21FF,U+2200-22FF}@font-face{font-family:Philosopher;src:url(/fonts/Philosopher-Regular-COpkNHGx.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0020-007F,U+00A0-00FF,U+2190-21FF,U+2200-22FF}@font-face{font-family:Cairo Play;src:url(/fonts/CairoPlay-Regular-CqJ6isna.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular-BfkeHI0l.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-FFFF}:root{--font-title: "Metal Mania", "JetBrains Mono", cursive, monospace;--font-body: "Philosopher", "JetBrains Mono", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-arabic: "Cairo Play", "JetBrains Mono", "Arabic Typesetting", Tahoma, Arial, sans-serif;--font-mono: "JetBrains Mono", "Courier New", Courier, monospace;--font-universal: "Cairo Play", "Philosopher", "Metal Mania", "JetBrains Mono", system-ui, sans-serif}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:16px;line-height:1.6;letter-spacing:.02em}h1,h2,h3,h4,h5,h6,.title,.header-title,.cosmic-title{font-family:var(--font-title);font-weight:400;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 6px #ffd700,0 0 12px #ffd700,0 0 18px rgba(255,215,0,.6),0 0 24px rgba(255,215,0,.4);transition:all .3s cubic-bezier(.4,0,.2,1)}h1{font-size:clamp(2rem,5vw + 1rem,4rem);line-height:1.2;margin-bottom:1rem}h2{font-size:clamp(1.5rem,4vw + .5rem,3rem);line-height:1.3;margin-bottom:.875rem}h3{font-size:clamp(1.25rem,3vw + .5rem,2rem);line-height:1.4;margin-bottom:.75rem}h4{font-size:clamp(1.125rem,2.5vw + .5rem,1.5rem);line-height:1.5;margin-bottom:.625rem}.subtitle,.sub-title,.description{font-family:var(--font-title);font-size:clamp(.875rem,2vw + .25rem,1.25rem);letter-spacing:.08em;opacity:.9;text-shadow:0 0 4px #ffd700,0 0 8px rgba(255,215,0,.4)}[lang=ar],.arabic-text,[dir=rtl]{font-family:var(--font-arabic);direction:rtl;text-align:right}[lang=ar] h1,[lang=ar] h2,[lang=ar] h3,.arabic-text h1,.arabic-text h2,.arabic-text h3{font-family:var(--font-arabic);letter-spacing:.05em}[lang=ar] p,[lang=ar] span,[lang=ar] div,.arabic-text p,.arabic-text span,.arabic-text div{font-family:var(--font-arabic);line-height:1.8;letter-spacing:.01em}p,span,div,article{font-family:var(--font-body);font-size:clamp(.875rem,1.5vw + .5rem,1.125rem);line-height:1.7;letter-spacing:.01em}.glow-text{text-shadow:0 0 6px #ffd700,0 0 12px #ffd700,0 0 18px #ffd700,0 0 24px rgba(255,215,0,.8),0 0 36px rgba(255,215,0,.6);animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{text-shadow:0 0 6px #ffd700,0 0 12px #ffd700,0 0 18px #ffd700,0 0 24px rgba(255,215,0,.8)}50%{text-shadow:0 0 10px #ffd700,0 0 20px #ffd700,0 0 30px #ffd700,0 0 40px rgba(255,215,0,1),0 0 50px rgba(255,215,0,.8)}}.emerald-glow{text-shadow:0 0 6px #10b981,0 0 12px #064e3b,0 0 18px rgba(16,185,129,.6)}code,pre,.code-text{font-family:var(--font-mono);font-size:.9em;letter-spacing:0}@media(max-width:768px){body{font-size:14px}h1{font-size:clamp(1.75rem,4vw + .5rem,3rem)}h2{font-size:clamp(1.5rem,3.5vw + .5rem,2.5rem)}h3{font-size:clamp(1.25rem,3vw + .5rem,2rem)}}@media(max-width:480px){body{font-size:13px}h1{font-size:clamp(1.5rem,3.5vw + .5rem,2.5rem)}h2{font-size:clamp(1.25rem,3vw + .5rem,2rem)}h3{font-size:clamp(1.125rem,2.5vw + .5rem,1.75rem)}h1,h2,h3,h4,h5,h6,.title,.cosmic-title{text-shadow:0 0 4px #ffd700,0 0 8px rgba(255,215,0,.6)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{h1,h2,h3,h4,h5,h6,.title,.cosmic-title{text-shadow:none}}:root{--emerald-dark-1: #032924;--emerald-dark-2: #064e3b;--emerald-bright: #10b981;--emerald-glow: rgba(16, 185, 129, .6);--emerald-subtle: rgba(16, 185, 129, .1);--gold-primary: #ffd700;--gold-light: #ffe55c;--gold-dark: #b8860b;--gold-glow: rgba(255, 215, 0, .8);--gold-subtle: rgba(255, 215, 0, .1);--bg-primary: #0a0e27;--bg-secondary: #0f1419;--bg-card: #1a1f35;--bg-elevated: #252b42;--bg-overlay: rgba(10, 14, 39, .95);--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--text-accent: var(--gold-primary);--text-emerald: var(--emerald-bright);--link-default: var(--gold-primary);--link-hover: var(--gold-light);--link-visited: var(--gold-dark);--link-active: var(--emerald-bright);--border-default: var(--emerald-dark-2);--border-accent: var(--gold-primary);--border-emerald: var(--emerald-bright);--border-subtle: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--glow-gold: 0 0 6px var(--gold-primary), 0 0 12px var(--gold-glow), 0 0 18px var(--gold-glow);--glow-emerald: 0 0 6px var(--emerald-bright), 0 0 12px var(--emerald-glow), 0 0 18px var(--emerald-glow);--glow-cosmic: 0 0 10px var(--gold-primary), 0 0 20px var(--emerald-bright), 0 0 30px rgba(255, 215, 0, .5), 0 0 40px rgba(16, 185, 129, .5);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--tg-theme-bg-color: var(--bg-primary);--tg-theme-text-color: var(--text-primary);--tg-theme-hint-color: var(--text-muted);--tg-theme-link-color: var(--link-default);--tg-theme-button-color: var(--emerald-bright);--tg-theme-button-text-color: var(--text-primary);--tg-theme-secondary-bg-color: var(--bg-card)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;padding-bottom:90px;background-image:radial-gradient(circle at 20% 50%,var(--emerald-subtle) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--gold-subtle) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,215,0,.05) 0%,transparent 50%);background-attachment:fixed;background-size:100% 100%}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.3;background-image:radial-gradient(2px 2px at 20% 30%,var(--gold-primary),transparent),radial-gradient(2px 2px at 60% 70%,var(--emerald-bright),transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,var(--gold-primary),transparent);background-size:200% 200%;animation:cosmicDrift 20s ease-in-out infinite}@keyframes cosmicDrift{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}.card,.info-card,.feature-card{background:var(--bg-card);border:1px solid var(--border-emerald);border-radius:var(--radius-xl);padding:var(--spacing-lg);position:relative;overflow:hidden;box-shadow:var(--shadow-lg),inset 0 1px #ffffff0d;box-shadow:0 0 20px #10b9814d,0 0 40px #10b9811a,inset 0 0 20px #10b9810d;transition:all var(--transition-base)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-primary),var(--emerald-bright),var(--gold-primary),transparent);animation:borderShimmer 3s linear infinite}@keyframes borderShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.card:hover{border-color:var(--gold-primary);transform:translateY(-4px) scale(1.02);box-shadow:0 0 30px #ffd70080,0 0 60px #10b9814d,inset 0 0 30px #ffd7001a}.btn,button,.action-button{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);border:2px solid var(--emerald-bright);background:linear-gradient(135deg,var(--emerald-dark-2),var(--emerald-dark-1));color:var(--text-primary);font-weight:600;cursor:pointer;position:relative;overflow:hidden;text-shadow:var(--glow-gold);box-shadow:0 0 20px var(--emerald-glow),inset 0 1px #ffffff1a;transition:all var(--transition-base)}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,var(--gold-glow) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width var(--transition-slow),height var(--transition-slow)}.btn:hover{border-color:var(--gold-primary);transform:translateY(-2px) scale(1.05);box-shadow:0 0 30px var(--gold-glow),0 0 50px var(--emerald-glow),inset 0 0 20px #ffd70033}.btn:hover:before{width:300px;height:300px}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--gold-dark),var(--gold-primary));border-color:var(--gold-primary);box-shadow:var(--glow-gold)}.btn-secondary{background:linear-gradient(135deg,var(--emerald-dark-2),var(--emerald-bright));border-color:var(--emerald-bright);box-shadow:var(--glow-emerald)}a,.link{color:var(--link-default);text-decoration:none;position:relative;transition:all var(--transition-fast);text-shadow:0 0 6px var(--gold-glow)}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--gold-primary),var(--emerald-bright));transition:width var(--transition-base);box-shadow:0 0 10px var(--gold-glow)}a:hover{color:var(--link-hover);text-shadow:0 0 8px var(--gold-primary),0 0 16px var(--gold-glow)}a:hover:after{width:100%}a:visited{color:var(--link-visited)}a:active{color:var(--link-active)}.icon,i,svg{filter:drop-shadow(0 0 6px var(--gold-glow));transition:all var(--transition-fast)}.icon:hover{filter:drop-shadow(0 0 10px var(--gold-primary)) drop-shadow(0 0 20px var(--emerald-glow));transform:scale(1.1) rotate(5deg)}.sidebar,.navigation,nav{background:var(--bg-secondary);border-right:1px solid var(--border-emerald);box-shadow:0 0 30px #10b98133,inset -1px 0 #ffd7001a}.nav-item{padding:var(--spacing-md);border-left:3px solid transparent;transition:all var(--transition-fast)}.nav-item:hover{border-left-color:var(--gold-primary);background:linear-gradient(90deg,rgba(255,215,0,.1),transparent);box-shadow:inset 0 0 20px #ffd7001a}.nav-item.active{border-left-color:var(--emerald-bright);background:linear-gradient(90deg,rgba(16,185,129,.15),transparent);box-shadow:inset 0 0 20px #10b98133,0 0 15px #10b9814d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.float{animation:float 3s ease-in-out infinite}.rotate{animation:rotate 10s linear infinite}.pulse{animation:pulse 2s ease-in-out infinite}.tg-viewport{min-height:100vh;min-height:100dvh}.tg-safe-area{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media(max-width:768px){:root{--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem}.card,.btn{box-shadow:0 0 15px #10b98133,0 0 30px #10b9810d}body:before{opacity:.15}}@media(max-width:480px){:root{--spacing-sm: .375rem;--spacing-md: .625rem;--spacing-lg: .875rem}}.text-gold{color:var(--gold-primary)}.text-emerald{color:var(--emerald-bright)}.bg-emerald-dark{background:var(--emerald-dark-1)}.bg-gold{background:var(--gold-primary)}.border-gold{border-color:var(--gold-primary)}.border-emerald{border-color:var(--emerald-bright)}.glow-gold{box-shadow:var(--glow-gold)}.glow-emerald{box-shadow:var(--glow-emerald)}.glow-cosmic{box-shadow:var(--glow-cosmic)}body,html{min-height:100%}.blackhole-overlay{font-family:var(--font-body, "Philosopher", sans-serif)}.blackhole-overlay #blackhole{flex:1}