:root{
  --bg:#020817;--cyan:#29e9ff;--blue:#238dff;--purple:#9544ff;--pink:#ff2fc7;--red:#ff2453;
  --text:#f6fbff;--muted:#b8c7e3;--line:rgba(45,183,255,.55);--glass:rgba(4,14,35,.72);
  --mx:0px;--my:0px;--storm:0;
}
body[data-theme="purple"]{--cyan:#b974ff;--blue:#7e54ff;--purple:#ff3dda;--line:rgba(183,104,255,.6)}
body[data-theme="storm"]{--cyan:#91cfff;--blue:#1d77e8;--purple:#575bff;--line:rgba(141,207,255,.55)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(circle at calc(18% + var(--mx)) calc(12% + var(--my)),rgba(37,160,255,.52),transparent 24%),radial-gradient(circle at calc(85% - var(--mx)) 18%,rgba(160,54,255,.36),transparent 28%),radial-gradient(circle at 72% 88%,rgba(73,22,255,.44),transparent 25%),linear-gradient(180deg,#061d40 0%,#020817 46%,#07001e 100%);padding-bottom:118px}
body.electric-mode{--storm:1}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-5;background-image:radial-gradient(rgba(56,223,255,.25) 1px,transparent 1px);background-size:34px 34px;opacity:.18;transform:translate(var(--mx),var(--my))}
body.electric-mode:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 50% 22%,rgba(39,236,255,.2),transparent 30%),linear-gradient(180deg,rgba(3,11,30,.08),rgba(0,0,0,.18));animation:stormPulse 1.4s ease-in-out infinite}@keyframes stormPulse{50%{filter:brightness(1.3);opacity:.95}}
#spaceCanvas,#rainCanvas,#lightningCanvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#spaceCanvas{z-index:-4;opacity:.9}#rainCanvas{z-index:8;opacity:0;transition:.45s;mix-blend-mode:screen}body.electric-mode #rainCanvas{opacity:.78}#lightningCanvas{z-index:20;mix-blend-mode:screen}
.clouds{position:fixed;inset:-12% -20%;z-index:-3;opacity:0;pointer-events:none;transition:opacity .8s;filter:blur(18px)}body.electric-mode .clouds{opacity:.68}.clouds i{position:absolute;width:52vw;height:22vh;border-radius:50%;background:radial-gradient(ellipse at center,rgba(100,165,255,.34),rgba(50,55,125,.18) 42%,transparent 70%);animation:cloudDrift 24s linear infinite}.clouds i:nth-child(1){left:-8%;top:5%}.clouds i:nth-child(2){right:-6%;top:18%;animation-duration:32s;animation-direction:reverse}.clouds i:nth-child(3){left:22%;bottom:8%;animation-duration:38s}@keyframes cloudDrift{from{transform:translateX(-8vw) scale(1)}to{transform:translateX(24vw) scale(1.18)}}
.aurora i{position:fixed;border-radius:50%;filter:blur(36px);opacity:.45;pointer-events:none;z-index:-2;animation:orb 9s ease-in-out infinite}.aurora i:nth-child(1){width:220px;height:220px;background:#13aeff;left:-80px;top:120px}.aurora i:nth-child(2){width:280px;height:280px;background:#7d24ff;right:-90px;bottom:70px;animation-delay:2s}.aurora i:nth-child(3){width:150px;height:150px;background:#27f0ff;left:42%;top:10%;animation-delay:4s}@keyframes orb{50%{transform:translate(24px,-20px) scale(1.08)}}
.preloader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(circle,rgba(29,161,255,.22),rgba(2,8,23,.96) 46%,#020817);transition:.55s}.preloader.hide{opacity:0;visibility:hidden}.preloader-card{text-align:center;display:grid;gap:10px;place-items:center}.preloader img{width:min(280px,64vw);filter:drop-shadow(0 0 32px #1be9ff) drop-shadow(0 0 80px #752dff);animation:bootLogo 1.7s ease both}.preloader strong{font-size:clamp(24px,5vw,54px);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 24px #29e9ff}.preloader span{color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;font-weight:900}@keyframes bootLogo{0%{opacity:0;filter:blur(22px);transform:scale(.72)}70%{opacity:1;transform:scale(1.04)}100%{filter:drop-shadow(0 0 32px #1be9ff) drop-shadow(0 0 80px #752dff);transform:scale(1)}}
.flash{position:fixed;inset:0;z-index:45;background:rgba(76,224,255,.45);opacity:0;pointer-events:none}.flash.show{animation:flashScreen .48s ease}@keyframes flashScreen{0%,100%{opacity:0}25%{opacity:.85}58%{opacity:.18}}
.top-tools{position:fixed;left:18px;top:18px;z-index:50;display:flex;gap:10px;align-items:flex-start}.theme-menu,.ambient-toggle{border:1px solid rgba(45,183,255,.45);background:rgba(2,8,23,.62);backdrop-filter:blur(14px);border-radius:16px;color:white;box-shadow:0 0 25px rgba(30,169,255,.12)}.theme-menu summary{list-style:none;cursor:pointer;padding:12px 16px;text-transform:uppercase;font-weight:1000;letter-spacing:.04em}.theme-menu[open]{padding-bottom:8px}.theme-menu button{display:block;width:190px;margin:6px 8px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:white;border-radius:12px;padding:11px;text-align:left;font-weight:900;cursor:pointer}.theme-menu button.active{border-color:var(--cyan);box-shadow:0 0 18px rgba(41,233,255,.24);color:var(--cyan)}.ambient-toggle{padding:12px 16px;font-weight:1000;cursor:pointer}.ambient-toggle.on{color:var(--cyan);box-shadow:0 0 24px rgba(41,233,255,.28)}.ambient-volume{height:45px;min-width:150px;padding:0 13px;display:flex;align-items:center;gap:9px;border:1px solid rgba(45,183,255,.45);background:rgba(2,8,23,.62);backdrop-filter:blur(14px);border-radius:16px;color:white;box-shadow:0 0 25px rgba(30,169,255,.12);font-weight:1000;font-size:11px;letter-spacing:.08em}.ambient-volume input{width:92px;accent-color:var(--cyan);cursor:pointer}.ambient-volume span{color:var(--muted)}
.storm-widget{position:fixed;left:22px;bottom:122px;z-index:51;width:132px;height:132px;display:grid;place-items:center;text-align:center;border:1px solid var(--purple);border-radius:50%;background:rgba(11,9,40,.75);backdrop-filter:blur(12px);box-shadow:0 0 35px rgba(141,68,255,.55),inset 0 0 28px rgba(41,233,255,.12);opacity:0;transform:scale(.8);transition:.25s}.storm-widget.show{opacity:1;transform:scale(1)}.storm-widget strong{font-size:12px;color:var(--cyan)}.storm-widget span{font-size:28px;font-weight:1000}.storm-widget small{font-size:10px;color:var(--muted)}
.site{width:min(1220px,100%);margin:0 auto;padding:32px 18px 18px}.hub-card{border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,rgba(10,42,92,.72),rgba(2,8,25,.74));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 0 46px rgba(23,164,255,.24),0 24px 84px rgba(0,0,0,.52);position:relative;overflow:hidden}.hub-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-130%);transition:.7s}.hub-card:hover:before{transform:translateX(130%)}body.electric-mode .hub-card{box-shadow:0 0 58px rgba(41,233,255,.32),0 0 120px rgba(120,53,255,.18),0 24px 84px rgba(0,0,0,.52)}
.hero{min-height:610px;display:grid;grid-template-columns:minmax(390px,.98fr) minmax(500px,1.02fr);gap:44px;align-items:center;padding:48px;margin-top:56px}.logo-zone{display:grid;place-items:center}.logo-button{position:relative;border:0;background:transparent;padding:0;cursor:pointer}.brand-logo{width:min(440px,100%);display:block;filter:drop-shadow(0 0 28px rgba(41,233,255,.75)) drop-shadow(0 0 84px rgba(35,141,255,.48));animation:logoBreath 5.2s ease-in-out infinite}.logo-ring{position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(41,233,255,.35);box-shadow:0 0 55px rgba(41,233,255,.42);animation:ringSpin 18s linear infinite}.eye{position:absolute;width:8%;height:5%;border-radius:50%;background:rgba(41,233,255,.42);filter:blur(9px);box-shadow:0 0 24px var(--cyan);opacity:.55;animation:eyePulse 6s ease-in-out infinite}.eye-left{left:42%;top:32%}.eye-right{right:30%;top:32%}body.electric-mode .eye{opacity:1;filter:blur(10px);animation:eyeStorm .8s ease-in-out infinite}.logo-button.clicked .logo-ring{animation:shock .7s ease}@keyframes logoBreath{50%{transform:scale(1.026);filter:drop-shadow(0 0 40px rgba(41,233,255,.95)) drop-shadow(0 0 108px rgba(35,141,255,.56))}}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes eyePulse{0%,100%{opacity:.45}48%{opacity:.86}52%{opacity:1}}@keyframes eyeStorm{50%{transform:scale(1.28);box-shadow:0 0 52px #fff,0 0 92px var(--cyan)}}@keyframes shock{50%{transform:scale(1.13);box-shadow:0 0 90px #fff,0 0 130px var(--cyan)}}
.hero-copy{min-width:0}.live-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.18);background:rgba(2,8,23,.5);border-radius:999px;padding:9px 18px;font-size:14px;text-transform:uppercase;font-weight:1000;letter-spacing:.04em;box-shadow:0 0 22px rgba(41,233,255,.15)}.live-pill span{width:12px;height:12px;border-radius:50%;background:#39ef91;box-shadow:0 0 14px #39ef91}.kicker{margin:18px 0 14px;color:var(--cyan);font-weight:1000;letter-spacing:.42em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(52px,6.4vw,92px);font-weight:1000;font-style:italic;letter-spacing:-.07em;line-height:.92;text-shadow:0 0 24px rgba(255,255,255,.35),0 0 48px rgba(41,233,255,.4);max-width:780px}.hero p{font-size:24px;line-height:1.35;color:#e2ebff;max-width:650px}.tag-row,.cta-row{display:flex;gap:14px;flex-wrap:wrap}.tag-row b{font-size:20px;text-shadow:0 0 16px rgba(255,255,255,.25)}.cta-row{margin-top:26px}.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:220px;border-radius:17px;padding:18px 22px;text-decoration:none;color:white;text-transform:uppercase;font-weight:1000;letter-spacing:.03em;overflow:hidden;transition:.2s}.btn:before,.wallet button:before,.donate-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.33),transparent);transform:translateX(-120%);transition:.5s}.btn:hover:before,.wallet button:hover:before,.donate-btn:hover:before{transform:translateX(120%)}.blue{background:linear-gradient(135deg,#158cff,#26efff);box-shadow:0 0 28px rgba(41,233,255,.32)}.purple{background:linear-gradient(135deg,#6227ff,#e23cff);box-shadow:0 0 28px rgba(171,60,255,.32)}
.section{padding-top:52px}.title-line{display:grid;grid-template-columns:1fr auto 1fr;gap:26px;align-items:center;margin:0 0 30px}.title-line span{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.title-line h2,.wallets h2{margin:0;text-transform:uppercase;letter-spacing:.35em;color:#36abff;font-size:46px;text-align:center;text-shadow:0 0 20px rgba(41,233,255,.38)}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.social{position:relative;min-height:220px;border:1px solid var(--line);border-radius:28px;background:rgba(2,8,23,.68);display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:white;gap:13px;transition:.22s;overflow:hidden;box-shadow:0 0 28px rgba(0,0,0,.22)}.social:hover{transform:translateY(-6px) rotateX(3deg);box-shadow:0 0 40px rgba(41,233,255,.25)}.social i{font-style:normal;font-size:50px;text-shadow:0 0 20px currentColor}.social strong{font-size:25px}.social small{color:var(--muted);font-size:16px}.social em{font-style:normal;font-size:44px}.red{border-color:var(--red)}.blue{border-color:var(--blue)}.violet,.twitch{border-color:var(--purple)}.pink{border-color:var(--pink)}.cyan{border-color:var(--cyan)}.vk{border-color:#008cff}
.support-section{display:grid;grid-template-columns:1fr 1.35fr;gap:24px;margin-top:42px}.support,.wallets{padding:32px}.small-title{color:var(--cyan);letter-spacing:.46em;text-transform:uppercase;font-weight:1000}.support{text-align:center}.heart{font-size:86px;color:#ff3158;text-shadow:0 0 38px #ff3158;animation:heartBeat 1.8s ease-in-out infinite}.support h2{font-size:42px;margin:0 0 12px}.support p{font-size:20px;line-height:1.4;color:var(--muted)}@keyframes heartBeat{0%,100%{transform:scale(1)}10%{transform:scale(1.12)}18%{transform:scale(.98)}28%{transform:scale(1.08)}}.donate-btn{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:68px;background:linear-gradient(135deg,#f0042f,#ff3b73);border-radius:18px;text-decoration:none;color:white;font-weight:1000;letter-spacing:.08em;margin-top:28px;overflow:hidden;box-shadow:0 0 34px rgba(255,36,83,.36)}
.wallet-list{display:grid;gap:16px;margin-top:24px}.wallet{display:grid;grid-template-columns:130px minmax(0,1fr) auto;grid-template-areas:"title addr actions";align-items:center;gap:16px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(1,7,20,.62);transition:.2s;overflow:hidden;min-width:0}.wallet:hover{transform:translateY(-3px);box-shadow:0 0 34px rgba(34,230,255,.18)}.wallet strong{grid-area:title;font-size:17px;white-space:nowrap}.wallet code{grid-area:addr;display:block;min-width:0;width:100%;max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;line-height:1.25;color:#dbe8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-actions{grid-area:actions;display:flex;gap:10px}.wallet button{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(48,168,255,.78);background:#10366e;color:white;border-radius:12px;padding:12px 17px;font-weight:1000;cursor:pointer}.wallet .qr{background:#27106f;border-color:rgba(155,69,255,.84)}
.about{margin-top:34px;min-height:235px;padding:42px;background-image:linear-gradient(90deg,rgba(3,8,25,.92),rgba(5,16,44,.72)),url("logo.webp");background-repeat:no-repeat;background-position:right center;background-size:auto 180%}.about p{font-size:24px;line-height:1.45;color:#dce8ff;max-width:760px}footer{text-align:center;color:#8391ad;font-size:18px;padding:32px 0 18px}.bottom-nav{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);width:min(760px,calc(100% - 34px));display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;border:1px solid rgba(45,177,255,.62);border-radius:28px;background:rgba(2,8,23,.8);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 0 40px rgba(30,169,255,.24);z-index:30}.bottom-nav a{text-decoration:none;color:#c6d1e6;display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:1000;font-size:14px;border-radius:20px;padding:10px 4px}.bottom-nav span{font-size:23px}.bottom-nav a.active,.bottom-nav a:hover{color:#35d7ff;background:rgba(35,156,255,.14);text-shadow:0 0 14px rgba(35,215,255,.7)}
.toast,.easter{position:fixed;left:50%;bottom:112px;transform:translateX(-50%) translateY(18px);opacity:0;pointer-events:none;z-index:60;border:1px solid var(--cyan);border-radius:999px;background:#07152d;color:white;padding:12px 20px;box-shadow:0 0 24px rgba(34,230,255,.28);transition:.22s}.toast.show,.easter.show{opacity:1;transform:translateX(-50%) translateY(0)}.easter{bottom:auto;top:22px;text-transform:uppercase;font-weight:1000;letter-spacing:.08em}.qr-modal{position:fixed;inset:0;z-index:70;display:none;place-items:center;background:rgba(0,0,0,.72);padding:22px}.qr-modal.open{display:grid}.qr-box{position:relative;width:min(380px,100%);padding:24px;text-align:center;border:1px solid var(--line);border-radius:26px;background:#061022;box-shadow:0 0 46px rgba(23,164,255,.24),0 24px 84px rgba(0,0,0,.52)}.qr-box img{width:260px;max-width:100%;border-radius:18px}.qr-close{position:absolute;right:13px;top:8px;border:0;background:transparent;color:white;font-size:32px;cursor:pointer}
@media (max-width:1050px){.hero{grid-template-columns:minmax(330px,.86fr) minmax(420px,1.14fr);gap:26px;padding:34px}.hero h1{font-size:clamp(50px,5.4vw,72px)}.top-tools{display:none}}
@media (max-width:900px){.site{padding:24px 14px 14px}.hero{grid-template-columns:1fr;text-align:center;min-height:auto;padding:30px 18px}.brand-logo{width:min(390px,94%)}.cta-row,.tag-row{justify-content:center}.support-section{grid-template-columns:1fr}.social-grid{grid-template-columns:repeat(2,1fr)}.wallet{grid-template-columns:1fr;grid-template-areas:"title" "addr" "actions"}.wallet-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.wallet-actions button{width:100%}.about{background-size:auto 118%;background-position:132% center}.storm-widget{left:14px;bottom:116px;width:104px;height:104px}.storm-widget span{font-size:22px}.easter{font-size:12px;width:calc(100% - 30px);text-align:center}}
@media (max-width:520px){body{padding-bottom:118px}.hero{border-radius:28px;padding-top:32px;margin-top:20px}.brand-logo{width:min(300px,95%)}.hero h1{font-size:44px;letter-spacing:-.045em}.hero p{font-size:18px}.kicker,.small-title{font-size:12px;letter-spacing:.34em}.tag-row b{font-size:17px}.btn{width:100%;padding:18px}.title-line{gap:10px}.title-line h2,.wallets h2{font-size:34px;letter-spacing:.22em}.social-grid{gap:12px}.social{min-height:158px;padding:16px}.social i{font-size:38px}.social strong{font-size:18px}.social small{font-size:12px}.support,.wallets,.about{padding:24px 18px}.support h2{font-size:31px}.heart{font-size:74px}.wallet{padding:16px;overflow:hidden;min-width:0}.wallet code{font-size:14px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet button{min-height:50px}.about p{font-size:20px}.bottom-nav{bottom:14px;width:calc(100% - 28px);padding-bottom:max(12px,env(safe-area-inset-bottom))}.bottom-nav a{font-size:13px}.bottom-nav span{font-size:21px}}
.wallet button.pulse,.btn:active,.donate-btn:active{animation:electricPulse .45s ease}@keyframes electricPulse{0%{box-shadow:0 0 0 rgba(41,233,255,0)}50%{box-shadow:0 0 38px rgba(41,233,255,.8),inset 0 0 18px rgba(255,255,255,.25);transform:scale(1.02)}100%{box-shadow:0 0 0 rgba(41,233,255,0)}}
@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}#spaceCanvas,#rainCanvas,#lightningCanvas{display:none}}

/* HUB 1.1 Patch 2 — deeper themes, secret storm, icons */
body[data-theme="electric"]{
  --cyan:#29e9ff;--blue:#238dff;--purple:#9544ff;--pink:#ff2fc7;--line:rgba(45,183,255,.62);--glass:rgba(4,14,35,.74);
  background:radial-gradient(circle at calc(18% + var(--mx)) calc(12% + var(--my)),rgba(37,160,255,.56),transparent 24%),radial-gradient(circle at calc(85% - var(--mx)) 18%,rgba(160,54,255,.32),transparent 28%),radial-gradient(circle at 72% 88%,rgba(73,22,255,.42),transparent 25%),linear-gradient(180deg,#061d40 0%,#020817 46%,#07001e 100%);
}
body[data-theme="purple"]{
  --cyan:#d178ff;--blue:#7b4dff;--purple:#ff3dda;--pink:#ff2fc7;--line:rgba(211,96,255,.72);--glass:rgba(18,5,33,.78);
  background:radial-gradient(circle at calc(18% + var(--mx)) calc(10% + var(--my)),rgba(177,42,255,.72),transparent 25%),radial-gradient(circle at calc(88% - var(--mx)) 18%,rgba(255,45,207,.38),transparent 29%),radial-gradient(circle at 68% 82%,rgba(92,22,255,.55),transparent 28%),linear-gradient(180deg,#12051f 0%,#05000e 48%,#18002d 100%);
}
body[data-theme="storm"]{
  --cyan:#c5d4e8;--blue:#425777;--purple:#7689ff;--pink:#96a4c7;--line:rgba(172,196,229,.46);--glass:rgba(2,6,14,.84);
  background:radial-gradient(circle at calc(18% + var(--mx)) calc(10% + var(--my)),rgba(111,143,187,.34),transparent 24%),radial-gradient(circle at calc(82% - var(--mx)) 15%,rgba(66,73,113,.48),transparent 28%),radial-gradient(circle at 72% 88%,rgba(28,31,58,.5),transparent 30%),linear-gradient(180deg,#070c15 0%,#01040a 50%,#080710 100%);
}
body[data-theme="purple"] .hub-card{background:linear-gradient(145deg,rgba(49,9,82,.76),rgba(5,3,22,.82));box-shadow:0 0 54px rgba(190,62,255,.28),0 24px 84px rgba(0,0,0,.58)}
body[data-theme="purple"] .hero h1{color:#fff3ff;text-shadow:0 0 24px rgba(255,255,255,.36),0 0 56px rgba(211,72,255,.68)}
body[data-theme="purple"] .blue{background:linear-gradient(135deg,#5e2bff,#cc3dff);box-shadow:0 0 30px rgba(213,73,255,.34)}
body[data-theme="purple"] .purple{background:linear-gradient(135deg,#1f4cff,#f33cff);box-shadow:0 0 34px rgba(235,62,255,.38)}
body[data-theme="purple"] .title-line h2,body[data-theme="purple"] .wallets h2{color:#c45cff;text-shadow:0 0 24px rgba(196,92,255,.62)}
body[data-theme="purple"] .brand-logo{filter:drop-shadow(0 0 28px rgba(207,91,255,.9)) drop-shadow(0 0 88px rgba(255,61,218,.56));}
body[data-theme="purple"] .eye{background:rgba(212,99,255,.5);box-shadow:0 0 28px #d178ff}
body[data-theme="purple"] .ambient-toggle.on{color:#e283ff;box-shadow:0 0 28px rgba(226,131,255,.34)}
body[data-theme="purple"] .ambient-volume{border-color:rgba(226,131,255,.55);box-shadow:0 0 26px rgba(226,131,255,.18)}
body[data-theme="purple"] .ambient-volume input{accent-color:#e283ff}
body[data-theme="storm"] .hub-card{background:linear-gradient(145deg,rgba(19,29,43,.82),rgba(0,3,10,.9));box-shadow:0 0 40px rgba(161,190,229,.12),0 24px 84px rgba(0,0,0,.68)}
body[data-theme="storm"] .hero h1{color:#e8f0ff;text-shadow:0 0 18px rgba(255,255,255,.28),0 0 38px rgba(154,188,229,.32)}
body[data-theme="storm"] .blue,body[data-theme="storm"] .purple{background:linear-gradient(135deg,#1a2538,#4a5f86);box-shadow:0 0 24px rgba(196,216,244,.16)}
body[data-theme="storm"] .title-line h2,body[data-theme="storm"] .wallets h2{color:#aebed7;text-shadow:0 0 18px rgba(174,190,215,.34)}
body[data-theme="storm"] .brand-logo{filter:drop-shadow(0 0 18px rgba(190,214,245,.58)) drop-shadow(0 0 66px rgba(94,111,149,.38));}
body[data-theme="storm"] .eye{background:rgba(190,214,245,.35);box-shadow:0 0 22px #bed6f5}
body[data-theme="storm"] .social,.wallet{background:rgba(1,4,12,.78)}
body[data-theme="storm"] .donate-btn{background:linear-gradient(135deg,#34394a,#6a718e)}
.storm-dimmer{position:fixed;inset:0;z-index:7;pointer-events:none;background:radial-gradient(circle at 45% 18%,rgba(35,82,125,.16),transparent 28%),rgba(0,0,0,.72);opacity:0;transition:opacity .75s ease;backdrop-filter:brightness(.7) contrast(1.08)}
body.electric-mode .storm-dimmer{opacity:.82;animation:stormDark 10s ease both}@keyframes stormDark{0%{opacity:0}12%,88%{opacity:.86}100%{opacity:0}}
body.electric-mode:after{z-index:6;background:radial-gradient(circle at 50% 20%,rgba(75,210,255,.18),transparent 22%),linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.78));animation:stormPulse 1s ease-in-out infinite}
.clouds{z-index:9;opacity:.08;filter:blur(8px) saturate(1.25);mix-blend-mode:screen;transition:opacity .9s ease, filter .9s ease}
body.electric-mode .clouds{opacity:.9;filter:blur(4px) saturate(1.5)}
.clouds i{width:70vw;height:28vh;background:radial-gradient(ellipse at 35% 45%,rgba(220,238,255,.38),rgba(95,140,210,.24) 34%,rgba(25,35,75,.18) 58%,transparent 76%);animation:cloudDrift2 14s linear infinite}
.clouds i:nth-child(1){left:-16%;top:0;animation-duration:15s}.clouds i:nth-child(2){left:8%;top:9%;animation-duration:22s;animation-direction:reverse}.clouds i:nth-child(3){left:42%;top:2%;animation-duration:18s}.clouds i:nth-child(4){left:-22%;top:28%;animation-duration:26s;opacity:.85}.clouds i:nth-child(5){left:36%;top:30%;animation-duration:20s;animation-direction:reverse}.clouds i:nth-child(6){left:68%;top:13%;animation-duration:28s;opacity:.72}
body[data-theme="purple"] .clouds i{background:radial-gradient(ellipse at 35% 45%,rgba(248,212,255,.34),rgba(173,79,255,.26) 34%,rgba(55,20,96,.22) 58%,transparent 76%)}
body[data-theme="storm"] .clouds i{background:radial-gradient(ellipse at 35% 45%,rgba(235,241,249,.28),rgba(128,143,165,.2) 34%,rgba(15,18,28,.28) 58%,transparent 76%)}
@keyframes cloudDrift2{from{transform:translateX(-36vw) translateY(0) scale(1)}50%{transform:translateX(4vw) translateY(3vh) scale(1.08)}to{transform:translateX(42vw) translateY(-1vh) scale(1.16)}}
#rainCanvas{z-index:11}#lightningCanvas{z-index:22}.flash{z-index:48}.bottom-nav{z-index:40}.top-tools,.storm-widget{z-index:55}.easter,.toast{z-index:65}.qr-modal{z-index:75}
.brand-icon{width:54px;height:54px;fill:currentColor;filter:drop-shadow(0 0 16px currentColor);transition:transform .22s, filter .22s}.social:hover .brand-icon{transform:scale(1.09);filter:drop-shadow(0 0 22px currentColor) drop-shadow(0 0 42px currentColor)}
.brand-youtube{color:#ff2448;border-color:#ff2448}.brand-telegram{color:#31a9ff;border-color:#31a9ff}.brand-twitch{color:#a970ff;border-color:#a970ff}.brand-discord{color:#8b9dff;border-color:#8b9dff}.brand-instagram{color:#ff43c8;border-color:#ff43c8}.brand-tiktok{color:#22f1ff;border-color:#22f1ff}.brand-vk{color:#168cff;border-color:#168cff}
body[data-theme="purple"] .brand-telegram,body[data-theme="purple"] .brand-tiktok,body[data-theme="purple"] .brand-vk{color:#b57cff;border-color:#b57cff}body[data-theme="purple"] .brand-youtube{color:#ff3f91;border-color:#ff3f91}body[data-theme="purple"] .brand-discord,body[data-theme="purple"] .brand-twitch{color:#d37bff;border-color:#d37bff}
body[data-theme="storm"] .social{color:#cbd8e8;border-color:rgba(186,204,230,.48)}
.crypto-badge{grid-area:coin;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:1000;color:white;box-shadow:0 0 18px currentColor;font-family:Arial,sans-serif}.crypto-badge.tether{background:#26a17b;color:#61ffd3}.crypto-badge.ton{background:#0098ea;color:#8de8ff}.crypto-badge.btc{background:#f7931a;color:#ffd08a}.crypto-badge.eth{background:#627eea;color:#c8d4ff}
.wallet{grid-template-columns:42px 126px minmax(0,1fr) auto;grid-template-areas:"coin title addr actions"}.wallet strong{align-self:center}.wallet code{font-size:14px}.wallet-actions{align-self:center}.section-icon{letter-spacing:0;margin-right:8px}.mini-icon{color:var(--cyan)}
.storm-widget.hint{opacity:.72;transform:scale(.92)}.storm-widget.hint.show{opacity:1}.storm-widget:not(.show){opacity:.68;transform:scale(.92)}.storm-widget small{max-width:95px;line-height:1.15}.storm-widget span{color:var(--cyan)}
body.electric-mode .storm-widget{opacity:1;transform:scale(1.04);animation:stormWidgetPulse .8s ease-in-out infinite alternate}@keyframes stormWidgetPulse{from{box-shadow:0 0 32px rgba(141,68,255,.55),inset 0 0 22px rgba(41,233,255,.14)}to{box-shadow:0 0 62px rgba(141,68,255,.95),0 0 90px rgba(41,233,255,.32),inset 0 0 32px rgba(255,255,255,.18)}}
footer{letter-spacing:.015em}.theme-menu button span{font-size:12px;margin-right:8px}.theme-menu button[data-theme-choice="electric"] span{color:#29e9ff}.theme-menu button[data-theme-choice="purple"] span{color:#d178ff}.theme-menu button[data-theme-choice="storm"] span{color:#c5d4e8}
@media (max-width:900px){.wallet{grid-template-columns:42px 1fr;grid-template-areas:"coin title" "addr addr" "actions actions"}.crypto-badge{width:34px;height:34px}.wallet code{font-size:15px}.clouds{filter:blur(6px)}body.electric-mode .clouds{opacity:.78}.storm-widget{display:none}.storm-dimmer{background:rgba(0,0,0,.78)}}
@media (max-width:520px){.brand-icon{width:42px;height:42px}.wallet{grid-template-columns:36px 1fr;gap:10px 12px}.wallet code{font-size:14px;letter-spacing:.02em}.wallet-actions{gap:10px}.crypto-badge{width:32px;height:32px}.social{min-height:166px}.storm-dimmer{background:rgba(0,0,0,.82)}body.electric-mode .clouds{opacity:.72}.clouds i{width:110vw;height:24vh}.top-tools{display:none!important}}


/* HUB 1.1 Patch 3 — calmer storm, deeper themes, softer ambience */
body.electric-mode .storm-dimmer{opacity:.48;animation:stormDarkSoft 10s ease both}
@keyframes stormDarkSoft{0%{opacity:0}14%,86%{opacity:.48}100%{opacity:0}}
body.electric-mode:after{background:radial-gradient(circle at 50% 20%,rgba(75,210,255,.12),transparent 24%),linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.34));animation:stormPulseSoft 1.8s ease-in-out infinite}
@keyframes stormPulseSoft{50%{filter:brightness(1.12);opacity:.72}}
body.electric-mode #rainCanvas{opacity:.44}
.flash.show{animation:flashScreenSoft .5s ease}@keyframes flashScreenSoft{0%,100%{opacity:0}24%{opacity:.32}58%{opacity:.1}}
body.electric-mode .clouds{opacity:.76;filter:blur(3px) saturate(1.35) contrast(1.15)}
.clouds i{height:32vh;opacity:.94;background:radial-gradient(ellipse at 35% 45%,rgba(235,245,255,.32),rgba(105,154,224,.24) 32%,rgba(20,28,72,.24) 58%,transparent 78%)}
.clouds i:nth-child(1){top:-3%;height:34vh}.clouds i:nth-child(2){top:9%;height:30vh}.clouds i:nth-child(3){top:19%;height:34vh}.clouds i:nth-child(4){top:36%;height:28vh}.clouds i:nth-child(5){top:42%;height:30vh}.clouds i:nth-child(6){top:4%;height:36vh}

/* Full-theme recolor, including logo */
body[data-theme="purple"] .brand-logo{filter:hue-rotate(82deg) saturate(1.75) brightness(1.06) contrast(1.08) drop-shadow(0 0 30px rgba(207,91,255,.96)) drop-shadow(0 0 98px rgba(255,61,218,.62))}
body[data-theme="purple"] .logo-ring{border-color:rgba(211,120,255,.52);box-shadow:0 0 65px rgba(211,120,255,.52), inset 0 0 22px rgba(255,61,218,.18)}
body[data-theme="purple"] .preloader img{filter:hue-rotate(82deg) saturate(1.65) brightness(1.06) drop-shadow(0 0 36px #d178ff) drop-shadow(0 0 92px #ff3dda)}
body[data-theme="purple"] .bottom-nav{border-color:rgba(211,120,255,.68);background:rgba(14,4,28,.84);box-shadow:0 0 42px rgba(211,120,255,.26)}
body[data-theme="purple"] .bottom-nav a.active,body[data-theme="purple"] .bottom-nav a:hover{color:#e284ff;background:rgba(185,91,255,.18);text-shadow:0 0 16px rgba(226,132,255,.8)}
body[data-theme="purple"] .support,body[data-theme="purple"] .wallets,body[data-theme="purple"] .about{border-color:rgba(211,120,255,.72)}
body[data-theme="purple"] footer{color:#aa90c8}.theme-menu button[data-theme-choice="purple"].active{background:rgba(180,87,255,.16)}

body[data-theme="storm"] .brand-logo{filter:grayscale(.45) saturate(.78) brightness(.78) contrast(1.15) drop-shadow(0 0 20px rgba(198,220,246,.55)) drop-shadow(0 0 76px rgba(98,118,160,.35))}
body[data-theme="storm"] .logo-ring{border-color:rgba(198,220,246,.28);box-shadow:0 0 48px rgba(198,220,246,.22), inset 0 0 24px rgba(255,255,255,.06)}
body[data-theme="storm"] .preloader img{filter:grayscale(.5) saturate(.72) brightness(.8) drop-shadow(0 0 24px #c5d4e8) drop-shadow(0 0 66px #425777)}
body[data-theme="storm"] .bottom-nav{border-color:rgba(172,196,229,.42);background:rgba(0,3,9,.88);box-shadow:0 0 36px rgba(161,190,229,.12)}
body[data-theme="storm"] .bottom-nav a.active,body[data-theme="storm"] .bottom-nav a:hover{color:#d6e5ff;background:rgba(161,190,229,.12);text-shadow:0 0 14px rgba(214,229,255,.48)}
body[data-theme="storm"] .support,body[data-theme="storm"] .wallets,body[data-theme="storm"] .about{border-color:rgba(172,196,229,.42)}
body[data-theme="storm"] footer{color:#75839a}.theme-menu button[data-theme-choice="storm"].active{background:rgba(186,204,230,.1)}

.about p{margin:.55em 0}.about p:first-of-type{font-weight:700;color:#f1f7ff}.about p:nth-of-type(2){max-width:820px}
@media (max-width:900px){body.electric-mode .storm-dimmer{opacity:.44}.storm-dimmer{background:rgba(0,0,0,.42)}body.electric-mode #rainCanvas{opacity:.38}body.electric-mode .clouds{opacity:.62}.clouds i{height:26vh}.about p{font-size:19px}}
@media (max-width:520px){body.electric-mode .storm-dimmer{opacity:.42}.storm-dimmer{background:rgba(0,0,0,.4)}body.electric-mode .clouds{opacity:.56}.about p{font-size:18px;line-height:1.42}}

@media (max-width:760px){.top-tools{left:10px;right:10px;top:10px;gap:8px;flex-wrap:wrap}.ambient-volume{height:40px;min-width:116px;padding:0 10px}.ambient-volume input{width:64px}.ambient-toggle{padding:10px 12px}}


/* HUB 1.1 Patch 6: Desktop HUB Menu */
.desktop-hub{position:fixed;right:18px;top:18px;z-index:58;display:block}.hub-trigger{height:47px;padding:0 18px;border-radius:17px;border:1px solid rgba(45,183,255,.52);background:linear-gradient(180deg,rgba(12,29,55,.72),rgba(2,8,23,.72));color:#fff;font-weight:1000;letter-spacing:.08em;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 0 26px rgba(41,233,255,.18), inset 0 1px 0 rgba(255,255,255,.08);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.hub-trigger span{margin-right:8px;color:var(--cyan);filter:drop-shadow(0 0 8px var(--cyan))}.hub-trigger:hover,.desktop-hub.open .hub-trigger{transform:translateY(-1px);border-color:var(--cyan);box-shadow:0 0 38px rgba(41,233,255,.34), inset 0 1px 0 rgba(255,255,255,.12)}.hub-panel{position:absolute;right:0;top:60px;width:330px;max-height:calc(100vh - 92px);overflow:auto;padding:16px;border-radius:26px;border:1px solid rgba(45,183,255,.42);background:linear-gradient(180deg,rgba(7,17,36,.88),rgba(2,8,23,.84));backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 22px 70px rgba(0,0,0,.48),0 0 45px rgba(41,233,255,.18);opacity:0;transform:translateY(-12px) scale(.96);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.desktop-hub.open .hub-panel{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.hub-head{padding:10px 10px 14px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:12px}.hub-head strong{display:block;font-size:19px;letter-spacing:.04em;text-transform:uppercase}.hub-head small{display:block;margin-top:4px;color:var(--muted);font-weight:800}.hub-links{display:grid;grid-template-columns:1fr;gap:8px}.hub-links a,.hub-links button{width:100%;min-height:44px;padding:11px 12px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);color:#dce9ff;text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:950;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease;text-align:left;font-family:inherit}.hub-links a:hover,.hub-links button:hover{transform:translateX(4px);background:rgba(41,233,255,.12);border-color:rgba(41,233,255,.38);color:#fff}.hub-links span{width:24px;height:24px;display:grid;place-items:center;border-radius:9px;color:var(--cyan);background:rgba(41,233,255,.08);box-shadow:inset 0 0 10px rgba(41,233,255,.12)}.hub-links em{margin-left:auto;font-style:normal;font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.hub-control-block{margin-top:13px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.035)}.hub-control-block>b{display:block;margin-bottom:10px;color:#f3f8ff;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.hub-theme-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hub-theme-row button,.hub-ambient{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#dce9ff;border-radius:13px;padding:10px 8px;font-weight:1000;cursor:pointer}.hub-theme-row button.active{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 18px rgba(41,233,255,.18)}.hub-ambient{width:100%;margin-bottom:10px}.hub-ambient.on{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 20px rgba(41,233,255,.22)}.hub-volume{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hub-volume input{width:100%;accent-color:var(--cyan)}.hub-status{margin-top:12px;padding:12px;border-radius:17px;border:1px solid rgba(41,233,255,.18);background:rgba(41,233,255,.055);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.hub-status b{color:var(--cyan)}.hub-tip{position:fixed;right:18px;top:76px;z-index:57;max-width:290px;padding:12px 14px;border-radius:16px;border:1px solid rgba(45,183,255,.38);background:rgba(2,8,23,.74);backdrop-filter:blur(16px);color:#dce9ff;font-weight:900;box-shadow:0 14px 40px rgba(0,0,0,.35),0 0 28px rgba(41,233,255,.14);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.hub-tip.show{opacity:1;transform:translateY(0)}
body[data-theme="purple"] .hub-trigger,body[data-theme="purple"] .hub-panel,body[data-theme="purple"] .hub-tip{border-color:rgba(211,120,255,.52);box-shadow:0 0 38px rgba(211,120,255,.2)}body[data-theme="purple"] .hub-trigger span,body[data-theme="purple"] .hub-links span,body[data-theme="purple"] .hub-status b,body[data-theme="purple"] .hub-ambient.on,body[data-theme="purple"] .hub-theme-row button.active{color:#e283ff;filter:drop-shadow(0 0 8px #d178ff)}body[data-theme="purple"] .hub-links a:hover,body[data-theme="purple"] .hub-links button:hover{background:rgba(211,120,255,.14);border-color:rgba(211,120,255,.42)}body[data-theme="purple"] .hub-theme-row button.active,body[data-theme="purple"] .hub-ambient.on{border-color:#e283ff;box-shadow:0 0 18px rgba(211,120,255,.22)}body[data-theme="purple"] .hub-volume input{accent-color:#e283ff}
body[data-theme="storm"] .hub-trigger,body[data-theme="storm"] .hub-panel,body[data-theme="storm"] .hub-tip{border-color:rgba(187,207,235,.36);background:linear-gradient(180deg,rgba(7,10,17,.92),rgba(0,3,9,.86));box-shadow:0 0 34px rgba(190,213,244,.12)}body[data-theme="storm"] .hub-trigger span,body[data-theme="storm"] .hub-links span,body[data-theme="storm"] .hub-status b,body[data-theme="storm"] .hub-ambient.on,body[data-theme="storm"] .hub-theme-row button.active{color:#d6e5ff;filter:drop-shadow(0 0 7px #d6e5ff)}body[data-theme="storm"] .hub-links a:hover,body[data-theme="storm"] .hub-links button:hover{background:rgba(190,213,244,.11);border-color:rgba(190,213,244,.28)}body[data-theme="storm"] .hub-theme-row button.active,body[data-theme="storm"] .hub-ambient.on{border-color:#d6e5ff;box-shadow:0 0 18px rgba(214,229,255,.16)}body[data-theme="storm"] .hub-volume input{accent-color:#d6e5ff}
@media (max-width:1050px){.desktop-hub,.hub-tip{display:none!important}}


/* Patch 6 fixed: keep mobile hero/logo centered and preserve current mobile nav */
.logo-zone{justify-items:center;text-align:center}
.logo-button{display:block;margin-inline:auto}
.brand-logo{margin-inline:auto}
@media (max-width:900px){
  .hero{justify-items:center}
  .logo-zone{width:100%;justify-items:center;text-align:center}
  .logo-button{margin-left:auto;margin-right:auto}
  .brand-logo{margin-left:auto;margin-right:auto;transform-origin:center center}
}

/* HUB 1.2 content update */
.hub-content{margin-top:34px}.content-grid,.feed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-card-lite{border:1px solid rgba(45,183,255,.34);border-radius:26px;background:linear-gradient(145deg,rgba(10,31,64,.58),rgba(2,8,23,.62));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 60px rgba(0,0,0,.34),0 0 30px rgba(41,233,255,.1)}.content-card,.feed-card{min-height:230px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;position:relative;overflow:hidden}.content-card:before,.feed-card:before,.partners:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(41,233,255,.16),transparent 32%);pointer-events:none}.content-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;color:var(--cyan);background:rgba(41,233,255,.1);border:1px solid rgba(41,233,255,.28);font-size:26px;box-shadow:0 0 22px rgba(41,233,255,.16)}.content-kicker{font-size:12px;letter-spacing:.22em;color:var(--cyan);font-weight:1000;margin-bottom:8px}.content-card h3,.feed-card b,.partners h2{margin:0;color:#fff;font-size:26px}.content-card p,.feed-card p,.partners p{color:var(--muted);font-size:17px;line-height:1.45;margin:10px 0 0}.content-card a,.feed-card a{color:var(--cyan);font-weight:1000;text-decoration:none}.partners{margin-top:0;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:24px}.partner-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}body[data-theme="purple"] .hub-card-lite{border-color:rgba(211,120,255,.42);background:linear-gradient(145deg,rgba(49,9,82,.62),rgba(5,3,22,.66));box-shadow:0 18px 60px rgba(0,0,0,.38),0 0 34px rgba(211,120,255,.12)}body[data-theme="purple"] .content-card:before,body[data-theme="purple"] .feed-card:before,body[data-theme="purple"] .partners:before{background:radial-gradient(circle at 20% 0%,rgba(211,120,255,.18),transparent 34%)}body[data-theme="storm"] .hub-card-lite{border-color:rgba(187,207,235,.28);background:linear-gradient(145deg,rgba(18,26,37,.64),rgba(0,3,9,.72));box-shadow:0 18px 60px rgba(0,0,0,.45),0 0 28px rgba(190,213,244,.08)}
/* keep logo centered on mobile and make HUB panel available on phone */
.logo-zone{display:flex;justify-content:center;align-items:center}.logo-button{margin-inline:auto}.brand-logo{display:block;margin-inline:auto}.hero{text-align:initial}.hero .logo-zone{text-align:center}
@media (max-width:1050px){.desktop-hub{display:block!important;right:14px;top:12px;z-index:62}.hub-trigger{height:42px;padding:0 14px;font-size:13px}.hub-panel{right:0;top:54px;width:min(360px,calc(100vw - 28px));max-height:calc(100vh - 90px);border-radius:22px}.hub-tip{display:none!important}}
@media (max-width:760px){.content-grid,.feed-grid{grid-template-columns:1fr}.content-card,.feed-card{min-height:190px;padding:20px}.partners{align-items:stretch;flex-direction:column;padding:24px 18px}.partner-actions{justify-content:stretch}.partner-actions .btn{width:100%}.bottom-nav{grid-template-columns:repeat(5,1fr);gap:5px}.bottom-nav a{font-size:12px;padding-left:2px;padding-right:2px}.bottom-nav span{font-size:20px}.hero{display:flex;flex-direction:column;align-items:center}.logo-zone{width:100%;justify-content:center}.hero-copy{text-align:center}.tag-row,.cta-row{justify-content:center}.brand-logo{max-width:100%;transform:none!important}}

/* === NaFunny HUB 1.2.1 — Desktop / Mobile sync patch === */
.btn-svg{width:24px;height:24px;fill:currentColor;filter:drop-shadow(0 0 9px rgba(255,255,255,.45));flex:0 0 auto}.twitch-cta{background:linear-gradient(135deg,#6841ff,#b85cff)!important}.telegram-cta{background:linear-gradient(135deg,#1597ff,#26efff)!important}.content-icon svg{width:30px;height:30px;fill:currentColor}.twitch-mark{color:#a970ff}.youtube-mark{color:#ff3658}

@media (min-width:901px){
  body{padding-bottom:38px}
  .site{width:min(1320px,100%);padding:34px clamp(28px,3.2vw,54px) 44px}
  .bottom-nav{display:none!important}
  .top-tools{top:20px;left:24px;gap:10px}
  .desktop-hub{display:block!important;right:24px;top:20px;z-index:62}
  .hub-trigger{height:48px;padding:0 20px;border-radius:18px;font-size:14px;letter-spacing:.11em}
  .hub-panel{width:390px;top:62px;border-radius:26px;padding:18px;background:linear-gradient(180deg,rgba(7,20,44,.9),rgba(2,8,23,.88));box-shadow:0 24px 80px rgba(0,0,0,.55),0 0 56px rgba(41,233,255,.22)}
  .hub-head{padding:12px 12px 15px}.hub-head strong{font-size:21px}.hub-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hub-links a{min-height:48px}.hub-links a:hover{transform:translateY(-2px)}
  .hub-control-block{padding:14px}.hub-theme-row button{min-height:40px}.hub-tip{right:24px;top:82px}

  .hero{margin-top:78px;min-height:620px;grid-template-columns:minmax(430px,.92fr) minmax(540px,1.08fr);gap:54px;padding:clamp(48px,5vw,66px);align-items:center}
  .brand-logo{width:min(500px,41vw)}
  .hero-copy{padding-right:clamp(6px,2vw,34px)}
  .hero h1{font-size:clamp(72px,6.1vw,104px);letter-spacing:-.052em;line-height:.94;max-width:820px}
  .hero p{font-size:25px;max-width:720px}.kicker{letter-spacing:.38em}.tag-row b{font-size:20px}.cta-row{gap:16px}.btn{min-width:245px;min-height:62px;border-radius:18px}

  .section{margin-top:46px}.title-line h2{font-size:clamp(44px,4.4vw,66px);letter-spacing:.26em}
  .social-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.social{min-height:220px;padding:24px}.brand-icon{width:54px;height:54px}.social strong{font-size:23px}.social small{font-size:15px}.social em{font-size:40px}
  .content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.content-card{min-height:270px;padding:30px}.content-icon{width:64px;height:64px;border-radius:20px}.content-card h3{font-size:32px}.content-card p{font-size:19px}
  .feed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feed-card{min-height:250px;padding:30px}.feed-card b{font-size:28px}.feed-card p{font-size:18px}
  .partners{padding:38px 44px;gap:30px}.partners h2{font-size:32px}.partners p{font-size:18px;max-width:660px}.partner-actions .btn{min-width:220px}
  .support-section{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px;align-items:start}.support,.wallets{padding:34px}.support h2,.wallets h2{font-size:clamp(34px,3.2vw,52px)}.wallet{grid-template-columns:48px 190px minmax(0,1fr) 190px;gap:14px;padding:18px 20px}.wallet code{font-size:14px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-actions{grid-template-columns:1fr 1fr;gap:8px}.wallet button{min-height:44px}
  .about{padding:42px;min-height:260px;background-position:110% center;background-size:auto 175%}.about p{font-size:24px;max-width:760px}
}

@media (min-width:901px) and (max-width:1220px){
  .hero{grid-template-columns:minmax(360px,.92fr) minmax(460px,1.08fr);gap:34px;padding:42px}.brand-logo{width:min(430px,40vw)}.hero h1{font-size:clamp(60px,5.8vw,84px)}.hero p{font-size:22px}.btn{min-width:210px}.social-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wallet{grid-template-columns:42px 150px minmax(0,1fr) 160px}.top-tools{transform:scale(.92);transform-origin:left top}.desktop-hub{transform:scale(.92);transform-origin:right top}
}

@media (max-width:900px){
  .bottom-nav{display:grid!important;grid-template-columns:repeat(5,1fr)}
  .desktop-hub{display:block!important}
  .hub-panel{width:min(360px,calc(100vw - 28px))}
}

/* ===== NaFunny HUB 1.2.2 — Electric Logo + Collaboration polish ===== */
.hero h1.electric-title{
  position:relative;
  display:inline-block;
  width:max-content;
  max-width:100%;
  padding:0 .18em .05em .02em;
  font-size:clamp(50px,6vw,86px);
  letter-spacing:-.045em;
  line-height:.94;
  color:transparent;
  background:
    linear-gradient(110deg,#ffffff 0%,#e8f6ff 22%,#55dcff 42%,#ffffff 55%,#9fefff 72%,#ffffff 100%);
  background-size:230% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:none;
  filter:drop-shadow(0 0 18px rgba(41,233,255,.38)) drop-shadow(0 0 42px rgba(41,233,255,.22));
  animation:titleCharge 7s ease-in-out infinite;
}
.hero h1.electric-title::before{
  content:attr(data-text);
  position:absolute;
  inset:0;
  padding:inherit;
  color:transparent;
  -webkit-text-stroke:1px rgba(132,238,255,.38);
  text-shadow:0 0 22px rgba(41,233,255,.32),0 0 54px rgba(41,233,255,.18);
  z-index:-1;
}
.hero h1.electric-title::after{
  content:"";
  position:absolute;
  left:.08em;
  right:.06em;
  top:52%;
  height:.13em;
  background:linear-gradient(90deg,transparent,rgba(41,233,255,.1),rgba(255,255,255,.95),rgba(41,233,255,.95),transparent);
  clip-path:polygon(0 60%,11% 60%,15% 12%,22% 88%,29% 46%,38% 46%,43% 8%,50% 88%,58% 36%,66% 36%,70% 86%,78% 50%,88% 50%,92% 22%,100% 58%,100% 78%,0 78%);
  opacity:0;
  filter:drop-shadow(0 0 10px #29e9ff) drop-shadow(0 0 24px #29e9ff);
  transform:translateX(-7%) rotate(-2deg);
  mix-blend-mode:screen;
  pointer-events:none;
  animation:titleLightning 9s ease-in-out infinite;
}
.hero-copy{position:relative}
.hero-copy::after{
  content:"⚡";
  position:absolute;
  top:52px;
  right:clamp(0px,1vw,20px);
  font-size:clamp(22px,2.1vw,34px);
  color:#ffe768;
  text-shadow:0 0 16px rgba(255,231,104,.65),0 0 28px rgba(41,233,255,.38);
  opacity:.75;
  transform:rotate(10deg);
  animation:boltBreath 4.5s ease-in-out infinite;
}
body[data-theme="purple"] .hero h1.electric-title{
  background:linear-gradient(110deg,#ffffff 0%,#f5eaff 22%,#d47aff 42%,#ffffff 56%,#ad6cff 78%,#ffffff 100%);
  background-size:230% 100%;
  filter:drop-shadow(0 0 18px rgba(211,120,255,.48)) drop-shadow(0 0 48px rgba(157,63,255,.3));
}
body[data-theme="purple"] .hero h1.electric-title::before{
  -webkit-text-stroke:1px rgba(211,120,255,.45);
  text-shadow:0 0 22px rgba(211,120,255,.36),0 0 54px rgba(157,63,255,.24);
}
body[data-theme="purple"] .hero h1.electric-title::after{
  background:linear-gradient(90deg,transparent,rgba(211,120,255,.1),rgba(255,255,255,.95),rgba(211,120,255,.95),transparent);
  filter:drop-shadow(0 0 10px #d378ff) drop-shadow(0 0 24px #9d3fff);
}
body[data-theme="storm"] .hero h1.electric-title{
  background:linear-gradient(110deg,#ffffff 0%,#e9f2ff 26%,#b8cbe5 42%,#ffffff 56%,#7fa8da 76%,#ffffff 100%);
  background-size:230% 100%;
  filter:drop-shadow(0 0 14px rgba(220,235,255,.36)) drop-shadow(0 0 34px rgba(129,178,239,.18));
}
body[data-theme="storm"] .hero h1.electric-title::before{
  -webkit-text-stroke:1px rgba(219,235,255,.3);
  text-shadow:0 0 18px rgba(220,235,255,.24),0 0 44px rgba(129,178,239,.16);
}
body[data-theme="storm"] .hero h1.electric-title::after{
  background:linear-gradient(90deg,transparent,rgba(215,233,255,.08),rgba(255,255,255,.9),rgba(190,215,255,.82),transparent);
  filter:drop-shadow(0 0 9px #dcecff) drop-shadow(0 0 20px #9fc7ff);
}
@keyframes titleCharge{
  0%,100%{background-position:0% 50%;transform:skewX(-6deg)}
  45%{background-position:100% 50%;transform:skewX(-6deg)}
  48%{transform:skewX(-8deg) translateX(1px)}
  50%{transform:skewX(-5deg) translateX(-1px)}
  52%{transform:skewX(-6deg)}
}
@keyframes titleLightning{
  0%,36%,43%,100%{opacity:0;transform:translateX(-8%) rotate(-2deg)}
  37%{opacity:.15}
  38%{opacity:.95;transform:translateX(0) rotate(-2deg)}
  39%{opacity:.22}
  40%{opacity:1;transform:translateX(4%) rotate(-2deg)}
  41%{opacity:0}
}
@keyframes boltBreath{0%,100%{opacity:.38;filter:brightness(1)}50%{opacity:.95;filter:brightness(1.35)}}
.partner-actions.single-action{justify-content:flex-end;min-width:240px}
.mail-cta{background:linear-gradient(135deg,#1597ff,#28eaff)!important;box-shadow:0 0 34px rgba(41,233,255,.34)!important}
body[data-theme="purple"] .mail-cta{background:linear-gradient(135deg,#6d35ff,#df4dff)!important;box-shadow:0 0 34px rgba(211,120,255,.34)!important}
body[data-theme="storm"] .mail-cta{background:linear-gradient(135deg,#26364d,#789bc7)!important;box-shadow:0 0 28px rgba(190,213,244,.18)!important}
@media (max-width:760px){
  .hero h1.electric-title{font-size:44px;letter-spacing:-.035em;padding-right:.2em}
  .hero-copy::after{display:none}
  .hero h1.electric-title::after{height:.16em;top:50%}
  .partner-actions.single-action{min-width:0;justify-content:stretch}
}
@media (min-width:901px){
  .hero h1.electric-title{font-size:clamp(58px,5.6vw,86px)}
}

/* ===== NaFunny HUB 1.2 Complete — Desktop Polish ===== */
@media (min-width:901px){
  .hero h1.electric-title,
  .hero-copy h1.electric-title,
  h1.electric-title{
    color:transparent !important;
    background:linear-gradient(112deg,#ffffff 0%,#eaf8ff 16%,#35e6ff 34%,#ffffff 48%,#87edff 62%,#ffffff 78%,#48dfff 100%) !important;
    background-size:260% 100% !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    text-shadow:none !important;
    filter:drop-shadow(0 0 20px rgba(47,232,255,.58)) drop-shadow(0 0 54px rgba(47,232,255,.32)) !important;
    font-size:clamp(64px,5.5vw,94px) !important;
    letter-spacing:-.04em !important;
    animation:titleChargeDesktop 6.5s ease-in-out infinite !important;
    padding-right:.22em !important;
  }
  .hero h1.electric-title::before,
  .hero-copy h1.electric-title::before,
  h1.electric-title::before{
    -webkit-text-stroke:1.3px rgba(128,240,255,.52) !important;
    text-shadow:0 0 22px rgba(39,226,255,.55),0 0 58px rgba(39,226,255,.28) !important;
  }
  .hero h1.electric-title::after,
  .hero-copy h1.electric-title::after,
  h1.electric-title::after{
    opacity:0;
    height:.16em !important;
    top:51% !important;
    filter:drop-shadow(0 0 13px #35e6ff) drop-shadow(0 0 34px #35e6ff) !important;
    animation:titleLightningDesktop 7.8s ease-in-out infinite !important;
  }
  body[data-theme="purple"] .hero h1.electric-title,
  body[data-theme="purple"] .hero-copy h1.electric-title,
  body[data-theme="purple"] h1.electric-title{
    background:linear-gradient(112deg,#ffffff 0%,#f6e9ff 16%,#d96dff 34%,#ffffff 48%,#b584ff 65%,#ffffff 79%,#ff57dd 100%) !important;
    filter:drop-shadow(0 0 20px rgba(216,109,255,.62)) drop-shadow(0 0 58px rgba(180,71,255,.36)) !important;
  }
  body[data-theme="purple"] .hero h1.electric-title::after,
  body[data-theme="purple"] h1.electric-title::after{
    filter:drop-shadow(0 0 13px #d96dff) drop-shadow(0 0 34px #b447ff) !important;
  }
  body[data-theme="storm"] .hero h1.electric-title,
  body[data-theme="storm"] .hero-copy h1.electric-title,
  body[data-theme="storm"] h1.electric-title{
    background:linear-gradient(112deg,#ffffff 0%,#eaf2ff 18%,#b7c7dc 36%,#ffffff 50%,#85a9d6 68%,#ffffff 82%,#dcecff 100%) !important;
    filter:drop-shadow(0 0 17px rgba(220,236,255,.48)) drop-shadow(0 0 45px rgba(150,184,229,.24)) !important;
  }
  .hero-copy::after{opacity:.95 !important;right:clamp(12px,1.6vw,38px) !important;}
}
@keyframes titleChargeDesktop{
  0%,100%{background-position:0% 50%;transform:skewX(-6deg) translateZ(0)}
  42%{background-position:100% 50%;transform:skewX(-6deg) translateZ(0)}
  46%{transform:skewX(-9deg) translateX(2px)}
  49%{transform:skewX(-4deg) translateX(-1px)}
  53%{transform:skewX(-6deg)}
}
@keyframes titleLightningDesktop{
  0%,30%,38%,100%{opacity:0;transform:translateX(-10%) rotate(-2deg)}
  31%{opacity:.22}
  32%{opacity:1;transform:translateX(0) rotate(-2deg)}
  33%{opacity:.25}
  34%{opacity:.95;transform:translateX(5%) rotate(-2deg)}
  35%{opacity:0}
}


/* ===== NaFunny HUB 1.2 Gold — final logo, feed and footer polish ===== */
.hero-copy::after{display:none!important;content:none!important}
.hero h1.electric-title{isolation:isolate;overflow:visible!important;padding-right:.34em!important}
.hero h1.electric-title .brand-n,
.hero h1.electric-title .brand-y{position:relative;display:inline-block;background:inherit;background-size:inherit;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero h1.electric-title .brand-n{
  filter:drop-shadow(0 0 13px rgba(255,255,255,.62)) drop-shadow(0 0 26px rgba(41,233,255,.62));
  text-shadow:0 0 16px rgba(41,233,255,.75),0 0 36px rgba(41,233,255,.34);
}
.hero h1.electric-title .brand-n::after{
  content:"";position:absolute;left:-.05em;top:.12em;width:.28em;height:.7em;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.0),rgba(41,233,255,.62),rgba(255,255,255,.0));
  filter:blur(9px);opacity:.62;z-index:-1;animation:nCorePulse 5.8s ease-in-out infinite;
}
.hero h1.electric-title .brand-y{
  padding-right:.1em;
  filter:drop-shadow(0 0 12px rgba(41,233,255,.44));
}
.hero h1.electric-title .brand-y .energy-tail{
  position:absolute;right:-.13em;bottom:.02em;width:.34em;height:.28em;pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.96) 0 10%,rgba(41,233,255,.9) 16% 32%,rgba(41,233,255,.28) 44%,transparent 70%);
  filter:drop-shadow(0 0 9px rgba(41,233,255,.9)) drop-shadow(0 0 18px rgba(41,233,255,.54));
  opacity:.72;transform:rotate(-18deg);animation:yTailSpark 7.5s ease-in-out infinite;
}
.hero h1.electric-title .brand-y::after{
  content:"";position:absolute;right:-.02em;bottom:.08em;width:.18em;height:.18em;border-radius:50%;
  background:rgba(255,255,255,.9);box-shadow:0 0 10px rgba(41,233,255,.95),0 0 20px rgba(41,233,255,.55);
  opacity:0;animation:yMicroSpark 7.5s ease-in-out infinite;
}
@keyframes nCorePulse{0%,100%{opacity:.42;transform:scaleY(.88)}45%,55%{opacity:.9;transform:scaleY(1.08)}}
@keyframes yTailSpark{0%,60%,100%{opacity:.42;transform:rotate(-18deg) scale(.86)}64%{opacity:1;transform:rotate(-18deg) scale(1.12)}67%{opacity:.58;transform:rotate(-18deg) scale(.94)}}
@keyframes yMicroSpark{0%,61%,70%,100%{opacity:0;transform:translate(0,0) scale(.55)}64%{opacity:1;transform:translate(.04em,.02em) scale(1)}66%{opacity:.55;transform:translate(.1em,.06em) scale(.75)}}
body[data-theme="purple"] .hero h1.electric-title .brand-n{filter:drop-shadow(0 0 13px rgba(255,255,255,.58)) drop-shadow(0 0 28px rgba(211,120,255,.72));text-shadow:0 0 16px rgba(211,120,255,.75),0 0 36px rgba(157,63,255,.34)}
body[data-theme="purple"] .hero h1.electric-title .brand-n::after{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(211,120,255,.7),rgba(255,255,255,0))}
body[data-theme="purple"] .hero h1.electric-title .brand-y .energy-tail{background:radial-gradient(circle,rgba(255,255,255,.96) 0 10%,rgba(211,120,255,.9) 16% 32%,rgba(211,120,255,.28) 44%,transparent 70%);filter:drop-shadow(0 0 9px rgba(211,120,255,.9)) drop-shadow(0 0 18px rgba(157,63,255,.58))}
body[data-theme="storm"] .hero h1.electric-title .brand-n{filter:drop-shadow(0 0 12px rgba(255,255,255,.5)) drop-shadow(0 0 24px rgba(220,236,255,.46));text-shadow:0 0 16px rgba(220,236,255,.55),0 0 34px rgba(129,178,239,.22)}
body[data-theme="storm"] .hero h1.electric-title .brand-n::after{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(220,236,255,.54),rgba(255,255,255,0))}
body[data-theme="storm"] .hero h1.electric-title .brand-y .energy-tail{background:radial-gradient(circle,rgba(255,255,255,.9) 0 10%,rgba(220,236,255,.76) 16% 32%,rgba(129,178,239,.2) 44%,transparent 70%);filter:drop-shadow(0 0 8px rgba(220,236,255,.72)) drop-shadow(0 0 16px rgba(129,178,239,.32))}
.feed-grid-gold{grid-template-columns:repeat(4,minmax(0,1fr))!important}.telegram-feed-final .feed-card small{color:var(--cyan);font-size:12px;font-weight:1000;letter-spacing:.16em;text-transform:uppercase}.telegram-feed-final .feed-card b{margin-top:8px;display:block}.telegram-feed-final .feed-card a{margin-top:auto;display:inline-flex;width:max-content}.telegram-feed-final .feed-card{min-height:260px}.telegram-feed-final .feed-card:hover{transform:translateY(-4px);box-shadow:0 22px 70px rgba(0,0,0,.42),0 0 34px rgba(41,233,255,.14)}
body[data-theme="purple"] .telegram-feed-final .feed-card small{color:#d378ff}body[data-theme="storm"] .telegram-feed-final .feed-card small{color:#dcecff}
.gold-footer{margin:42px auto 0;text-align:center;color:rgba(221,243,255,.82);display:flex;flex-direction:column;align-items:center;gap:10px}.gold-footer p{margin:0}.gold-footer small{color:rgba(166,208,228,.62)}.version-card{display:inline-grid;gap:3px;padding:14px 18px;border:1px solid rgba(41,233,255,.22);border-radius:18px;background:rgba(4,14,32,.42);box-shadow:0 0 28px rgba(41,233,255,.08);min-width:220px}.version-card b{color:#fff;letter-spacing:.08em}.version-card span{color:var(--cyan);font-weight:1000}.version-card small{color:rgba(190,224,240,.62)}
@media (min-width:901px){
  .feed-grid-gold{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px}.telegram-feed-final .feed-card{padding:24px;min-height:270px}.telegram-feed-final .feed-card b{font-size:23px}.telegram-feed-final .feed-card p{font-size:16px}.hero h1.electric-title{padding-right:.42em!important}
}
@media (max-width:1180px) and (min-width:901px){.feed-grid-gold{grid-template-columns:repeat(2,minmax(0,1fr))!important}.telegram-feed-final .feed-card{min-height:230px}}
@media (max-width:760px){.feed-grid-gold{grid-template-columns:1fr!important}.telegram-feed-final .feed-card{min-height:190px}.hero h1.electric-title{padding-right:.32em!important}.hero h1.electric-title .brand-y .energy-tail{right:-.08em;bottom:.05em;width:.28em;height:.22em}.gold-footer{margin-bottom:6px}.version-card{min-width:0;width:min(280px,100%)}}

/* ===== NaFunny HUB 1.2.4 — FINAL STABLE LOGO PATCH =====
   Purpose: kill all broken gradient-mask rectangles on PC/mobile,
   keep readable NaFunny text, keep motion + lightning, fix N/y clipping.
*/
.hero h1.electric-title,
.hero-copy h1.electric-title,
h1.electric-title,
body[data-theme="electric"] .hero h1.electric-title,
body[data-theme="purple"] .hero h1.electric-title,
body[data-theme="storm"] .hero h1.electric-title,
body[data-theme="electric"] .hero-copy h1.electric-title,
body[data-theme="purple"] .hero-copy h1.electric-title,
body[data-theme="storm"] .hero-copy h1.electric-title{
  position:relative !important;
  display:inline-block !important;
  width:auto !important;
  max-width:100% !important;
  overflow:visible !important;
  isolation:isolate !important;
  box-sizing:content-box !important;
  padding:.02em .42em .12em .04em !important;
  margin:0 !important;
  line-height:.98 !important;
  font-style:italic !important;
  font-weight:1000 !important;
  letter-spacing:-.045em !important;

  /* Important: no background mask on the real text. This removes the white/cyan/purple rectangle bug. */
  background:none !important;
  background-image:none !important;
  background-size:auto !important;
  background-position:initial !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  color:#73edff !important;
  -webkit-text-fill-color:#73edff !important;

  text-shadow:
    0 0 10px rgba(255,255,255,.42),
    0 0 22px rgba(41,233,255,.62),
    0 0 52px rgba(41,233,255,.34) !important;
  filter:drop-shadow(0 0 14px rgba(41,233,255,.46)) drop-shadow(0 0 38px rgba(41,233,255,.22)) !important;
  transform:skewX(-6deg) translateZ(0) !important;
  animation:nafunnyStableMotion 6.8s ease-in-out infinite !important;
}

/* Disable the old per-letter background clipping that caused the N/y color loss. */
.hero h1.electric-title .brand-n,
.hero h1.electric-title .brand-y,
.hero-copy h1.electric-title .brand-n,
.hero-copy h1.electric-title .brand-y,
h1.electric-title .brand-n,
h1.electric-title .brand-y{
  position:relative !important;
  display:inline !important;
  background:none !important;
  background-image:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
  filter:none !important;
  text-shadow:inherit !important;
  padding:0 !important;
  overflow:visible !important;
}

/* Remove old glow blobs/tails that were being clipped or miscolored. */
.hero h1.electric-title .brand-n::after,
.hero h1.electric-title .brand-y::after,
.hero h1.electric-title .brand-y .energy-tail,
.hero-copy h1.electric-title .brand-n::after,
.hero-copy h1.electric-title .brand-y::after,
.hero-copy h1.electric-title .brand-y .energy-tail,
h1.electric-title .brand-n::after,
h1.electric-title .brand-y::after,
h1.electric-title .brand-y .energy-tail{
  display:none !important;
  content:none !important;
}

/* Keep the nice ghost outline, but never allow it to become a filled rectangle. */
.hero h1.electric-title::before,
.hero-copy h1.electric-title::before,
h1.electric-title::before,
body[data-theme="purple"] .hero h1.electric-title::before,
body[data-theme="storm"] .hero h1.electric-title::before{
  content:attr(data-text) !important;
  position:absolute !important;
  inset:.02em .42em .12em .04em !important;
  padding:0 !important;
  background:none !important;
  background-image:none !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  -webkit-text-stroke:1px rgba(206,250,255,.42) !important;
  text-shadow:0 0 22px rgba(41,233,255,.34),0 0 54px rgba(41,233,255,.18) !important;
  filter:none !important;
  transform:none !important;
  z-index:-1 !important;
  pointer-events:none !important;
}

/* Keep lightning movement. It is a thin bolt only, not a background plate. */
.hero h1.electric-title::after,
.hero-copy h1.electric-title::after,
h1.electric-title::after,
body[data-theme="purple"] .hero h1.electric-title::after,
body[data-theme="storm"] .hero h1.electric-title::after{
  content:"" !important;
  position:absolute !important;
  left:.04em !important;
  right:.32em !important;
  top:53% !important;
  height:.105em !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.0) 10%,rgba(255,255,255,.95) 47%,rgba(41,233,255,.88) 55%,transparent 100%) !important;
  clip-path:polygon(0 58%,11% 58%,15% 10%,22% 88%,29% 45%,38% 45%,43% 8%,50% 88%,58% 36%,66% 36%,70% 86%,78% 50%,88% 50%,92% 22%,100% 58%,100% 74%,0 74%) !important;
  opacity:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 0 9px rgba(255,255,255,.95)) drop-shadow(0 0 18px rgba(41,233,255,.85)) !important;
  mix-blend-mode:screen !important;
  transform:translateX(-8%) rotate(-2deg) translateZ(0) !important;
  pointer-events:none !important;
  z-index:2 !important;
  animation:nafunnyStableLightning 8.2s ease-in-out infinite !important;
}

/* Themes may tint glow, but they cannot change the real logo text into a mask/plate anymore. */
body[data-theme="purple"] .hero h1.electric-title,
body[data-theme="purple"] .hero-copy h1.electric-title,
body[data-theme="purple"] h1.electric-title{
  color:#f0c5ff !important;
  -webkit-text-fill-color:#f0c5ff !important;
  text-shadow:
    0 0 10px rgba(255,255,255,.42),
    0 0 22px rgba(211,120,255,.62),
    0 0 52px rgba(157,63,255,.34) !important;
  filter:drop-shadow(0 0 14px rgba(211,120,255,.48)) drop-shadow(0 0 38px rgba(157,63,255,.24)) !important;
}
body[data-theme="purple"] .hero h1.electric-title::after,
body[data-theme="purple"] .hero-copy h1.electric-title::after,
body[data-theme="purple"] h1.electric-title::after{
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.0) 10%,rgba(255,255,255,.95) 47%,rgba(211,120,255,.9) 55%,transparent 100%) !important;
  filter:drop-shadow(0 0 9px rgba(255,255,255,.9)) drop-shadow(0 0 18px rgba(211,120,255,.8)) !important;
}

body[data-theme="storm"] .hero h1.electric-title,
body[data-theme="storm"] .hero-copy h1.electric-title,
body[data-theme="storm"] h1.electric-title{
  color:#eaf4ff !important;
  -webkit-text-fill-color:#eaf4ff !important;
  text-shadow:
    0 0 10px rgba(255,255,255,.38),
    0 0 22px rgba(220,236,255,.46),
    0 0 46px rgba(129,178,239,.22) !important;
  filter:drop-shadow(0 0 12px rgba(220,236,255,.36)) drop-shadow(0 0 30px rgba(129,178,239,.18)) !important;
}
body[data-theme="storm"] .hero h1.electric-title::after,
body[data-theme="storm"] .hero-copy h1.electric-title::after,
body[data-theme="storm"] h1.electric-title::after{
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.0) 10%,rgba(255,255,255,.92) 47%,rgba(190,220,255,.78) 55%,transparent 100%) !important;
  filter:drop-shadow(0 0 9px rgba(255,255,255,.85)) drop-shadow(0 0 17px rgba(190,220,255,.62)) !important;
}

@keyframes nafunnyStableMotion{
  0%,100%{transform:skewX(-6deg) translateX(0) translateZ(0);}
  42%{transform:skewX(-6deg) translateX(0) translateZ(0);}
  46%{transform:skewX(-8deg) translateX(1.5px) translateZ(0);}
  49%{transform:skewX(-5deg) translateX(-1px) translateZ(0);}
  53%{transform:skewX(-6deg) translateX(0) translateZ(0);}
}
@keyframes nafunnyStableLightning{
  0%,33%,41%,100%{opacity:0;transform:translateX(-8%) rotate(-2deg) translateZ(0);}
  34%{opacity:.18;}
  35%{opacity:.9;transform:translateX(0) rotate(-2deg) translateZ(0);}
  36%{opacity:.22;}
  37%{opacity:1;transform:translateX(5%) rotate(-2deg) translateZ(0);}
  38%{opacity:0;}
}

@media (max-width:900px){
  .hero h1.electric-title,
  .hero-copy h1.electric-title,
  h1.electric-title{
    padding:.02em .36em .12em .04em !important;
    letter-spacing:-.04em !important;
    line-height:1 !important;
  }
  .hero h1.electric-title::before,
  .hero-copy h1.electric-title::before,
  h1.electric-title::before{
    inset:.02em .36em .12em .04em !important;
  }
  .hero h1.electric-title::after,
  .hero-copy h1.electric-title::after,
  h1.electric-title::after{
    right:.26em !important;
    height:.095em !important;
  }
}


/* =========================================================
   NaFunny HUB 1.2.6 — Visible Logo Electric FX
   Safe method: real text stays plain/stable. FX are separate
   transparent overlay strokes, so no rectangle/plate can appear.
   ========================================================= */
.hero h1.electric-title,
.hero-copy h1.electric-title,
h1.electric-title{
  overflow:visible !important;
  isolation:isolate !important;
}

/* Old pseudo bolt was too subtle. Disable it to avoid conflicts. */
.hero h1.electric-title::after,
.hero-copy h1.electric-title::after,
h1.electric-title::after{
  display:none !important;
  content:none !important;
}

.logo-fx,
.logo-spark{
  position:absolute !important;
  display:block !important;
  pointer-events:none !important;
  z-index:5 !important;
  opacity:0;
  background:none !important;
  -webkit-text-fill-color:initial !important;
  mix-blend-mode:screen;
}

.logo-fx{
  left:.02em;
  right:.30em;
  height:.16em;
  border-radius:999px;
  transform-origin:center;
  filter:
    drop-shadow(0 0 5px rgba(255,255,255,.95))
    drop-shadow(0 0 12px rgba(55,238,255,.9))
    drop-shadow(0 0 22px rgba(55,238,255,.5));
  background:
    linear-gradient(90deg,
      transparent 0%,
      transparent 8%,
      rgba(255,255,255,.95) 12%,
      rgba(74,244,255,.98) 15%,
      transparent 19%,
      transparent 34%,
      rgba(255,255,255,.9) 38%,
      rgba(74,244,255,.95) 42%,
      transparent 48%,
      transparent 64%,
      rgba(255,255,255,.9) 70%,
      rgba(74,244,255,.95) 74%,
      transparent 82%,
      transparent 100%) !important;
  clip-path:polygon(0 50%,9% 50%,13% 8%,18% 88%,25% 42%,34% 42%,40% 12%,46% 84%,53% 42%,63% 42%,69% 12%,75% 88%,82% 48%,93% 48%,100% 28%,100% 72%,88% 72%,82% 95%,75% 52%,68% 92%,61% 58%,50% 58%,45% 96%,38% 54%,31% 88%,23% 58%,16% 96%,10% 68%,0 68%);
}

.logo-fx-1{
  top:.45em;
  animation:nafunnyVisibleBoltA 4.8s ease-in-out infinite !important;
}
.logo-fx-2{
  top:.18em;
  height:.11em;
  left:.10em;
  right:.42em;
  transform:rotate(-9deg);
  animation:nafunnyVisibleBoltB 6.1s ease-in-out infinite !important;
}

.logo-spark{
  width:.13em;
  height:.13em;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(84,245,255,.95) 36%, transparent 72%) !important;
  box-shadow:
    0 0 8px rgba(255,255,255,.95),
    0 0 18px rgba(55,238,255,.75),
    0 0 34px rgba(55,238,255,.38);
}
.logo-spark-1{ left:.03em; top:.20em; animation:nafunnySparkOne 4.8s linear infinite !important; }
.logo-spark-2{ left:2.52em; top:.72em; animation:nafunnySparkTwo 5.7s linear infinite !important; }
.logo-spark-3{ right:.31em; top:.72em; animation:nafunnySparkThree 6.1s linear infinite !important; }

body[data-theme="purple"] .logo-fx{
  filter:
    drop-shadow(0 0 5px rgba(255,255,255,.95))
    drop-shadow(0 0 12px rgba(235,128,255,.9))
    drop-shadow(0 0 22px rgba(184,74,255,.55));
  background:linear-gradient(90deg,
      transparent 0%,transparent 8%,rgba(255,255,255,.95) 12%,rgba(245,150,255,.98) 15%,transparent 19%,
      transparent 34%,rgba(255,255,255,.9) 38%,rgba(245,150,255,.95) 42%,transparent 48%,
      transparent 64%,rgba(255,255,255,.9) 70%,rgba(245,150,255,.95) 74%,transparent 82%,transparent 100%) !important;
}
body[data-theme="purple"] .logo-spark{
  background:radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(245,150,255,.95) 36%, transparent 72%) !important;
  box-shadow:0 0 8px rgba(255,255,255,.95),0 0 18px rgba(245,150,255,.75),0 0 34px rgba(184,74,255,.42);
}
body[data-theme="storm"] .logo-fx{
  filter:
    drop-shadow(0 0 5px rgba(255,255,255,.95))
    drop-shadow(0 0 12px rgba(220,238,255,.82))
    drop-shadow(0 0 22px rgba(158,190,230,.45));
  background:linear-gradient(90deg,
      transparent 0%,transparent 8%,rgba(255,255,255,.95) 12%,rgba(220,238,255,.9) 15%,transparent 19%,
      transparent 34%,rgba(255,255,255,.88) 38%,rgba(220,238,255,.82) 42%,transparent 48%,
      transparent 64%,rgba(255,255,255,.88) 70%,rgba(220,238,255,.82) 74%,transparent 82%,transparent 100%) !important;
}
body[data-theme="storm"] .logo-spark{
  background:radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(220,238,255,.88) 36%, transparent 72%) !important;
  box-shadow:0 0 8px rgba(255,255,255,.9),0 0 18px rgba(220,238,255,.65),0 0 34px rgba(158,190,230,.34);
}

@keyframes nafunnyVisibleBoltA{
  0%,18%,100%{opacity:0; transform:translateX(-11%) rotate(-3deg) scaleX(.92);}
  19%{opacity:.18;}
  20%{opacity:.95; transform:translateX(-4%) rotate(-3deg) scaleX(1.02);}
  21%{opacity:.18;}
  22%{opacity:1; transform:translateX(3%) rotate(-3deg) scaleX(1);}
  24%{opacity:0; transform:translateX(8%) rotate(-3deg) scaleX(.98);}
  61%{opacity:0; transform:translateX(-7%) rotate(2deg) scaleX(.9);}
  62%{opacity:.8; transform:translateX(0) rotate(2deg) scaleX(1);}
  63%{opacity:0; transform:translateX(4%) rotate(2deg) scaleX(.96);}
}
@keyframes nafunnyVisibleBoltB{
  0%,42%,100%{opacity:0; transform:translateX(-8%) rotate(-9deg) scaleX(.85);}
  43%{opacity:.72; transform:translateX(-2%) rotate(-9deg) scaleX(1);}
  44%{opacity:.1;}
  45%{opacity:.82; transform:translateX(4%) rotate(-9deg) scaleX(1.05);}
  47%{opacity:0; transform:translateX(9%) rotate(-9deg) scaleX(.9);}
}
@keyframes nafunnySparkOne{
  0%,17%,25%,100%{opacity:0; transform:translate(0,0) scale(.4);}
  20%{opacity:1; transform:translate(.42em,.04em) scale(1);}
  22%{opacity:.35; transform:translate(.76em,-.02em) scale(.65);}
}
@keyframes nafunnySparkTwo{
  0%,59%,65%,100%{opacity:0; transform:translate(0,0) scale(.4);}
  62%{opacity:1; transform:translate(.12em,-.18em) scale(1);}
  64%{opacity:.25; transform:translate(.42em,-.28em) scale(.6);}
}
@keyframes nafunnySparkThree{
  0%,41%,48%,100%{opacity:0; transform:translate(0,0) scale(.4);}
  44%{opacity:1; transform:translate(-.28em,-.12em) scale(1);}
  46%{opacity:.28; transform:translate(-.62em,-.25em) scale(.6);}
}

@media (prefers-reduced-motion: reduce){
  .logo-fx,.logo-spark{animation:none !important; opacity:0 !important;}
}

@media (max-width:900px){
  .logo-fx{left:.04em;right:.22em;}
  .logo-fx-1{top:.48em;}
  .logo-fx-2{top:.20em;right:.34em;}
  .logo-spark{width:.11em;height:.11em;}
}

/* NaFunny HUB 1.5 — compact crypto support redesign */
.compact-wallets{padding:26px 28px}.compact-wallets .crypto-title{text-align:center;letter-spacing:.42em;margin-bottom:10px}.compact-wallets h2{display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(28px,2.7vw,42px);letter-spacing:.24em}.compact-wallets .wallet-list{gap:12px;margin-top:18px}.compact-wallets .wallet{grid-template-columns:42px 148px minmax(0,1fr) 148px;gap:12px;padding:14px 16px;border-radius:16px}.compact-wallets .wallet:hover{transform:translateY(-2px)}.compact-wallets .wallet strong{display:flex;align-items:center;gap:8px;font-size:15px}.compact-wallets .wallet code{font-size:13px}.compact-wallets .wallet-actions{display:grid;grid-template-columns:1fr 1fr}.compact-wallets .wallet button{min-height:40px;padding:10px 14px}.crypto-badge,.asset-icon{flex:0 0 auto}.crypto-badge svg,.asset-icon svg{display:block;width:100%;height:100%}.crypto-badge svg path,.crypto-badge svg circle,.asset-icon svg path,.asset-icon svg circle{fill:currentColor}.crypto-badge.trx{background:#100817;color:#ff3d56}.crypto-badge.ton{background:#06243a;color:#35b7ff}.crypto-badge.btc{background:#2a1900;color:#f7931a}.crypto-badge.eth{background:#101a3d;color:#8fa5ff}.asset-icon.usdt,.title-usdt{display:inline-grid;place-items:center;border-radius:50%;background:#062b24;color:#36d4a0;box-shadow:0 0 14px rgba(38,161,123,.35)}.asset-icon.usdt{width:22px;height:22px}.title-usdt{width:36px;height:36px}.compact-wallets .section-icon{display:none}
@media (max-width:900px){.compact-wallets{padding:24px 18px}.compact-wallets .wallet{grid-template-columns:36px 1fr;grid-template-areas:"coin title" "addr addr" "actions actions";gap:10px 12px}.compact-wallets h2{letter-spacing:.16em}.compact-wallets .wallet-actions{width:100%}}
@media (max-width:520px){.compact-wallets .crypto-title{letter-spacing:.3em}.compact-wallets h2{font-size:28px;letter-spacing:.1em}.title-usdt{width:30px;height:30px}.compact-wallets .wallet strong{font-size:14px}.compact-wallets .wallet button{min-height:46px}}

/* NaFunny HUB 1.5.1 — Crypto Support mobile/desktop hotfix */
.crypto-v2{padding:26px 28px!important;overflow:hidden}
.crypto-v2 .crypto-title{text-align:center;margin:0 0 14px!important;letter-spacing:.42em!important}
.crypto-v2 h2{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;margin:0!important;font-size:clamp(30px,3vw,44px)!important;letter-spacing:.18em!important;line-height:1.08!important;text-align:center!important}
.crypto-v2 .title-usdt-img{width:42px;height:42px;display:block;filter:drop-shadow(0 0 16px rgba(38,161,123,.55))}
.crypto-v2 .wallet-list{margin-top:24px!important;display:grid!important;gap:14px!important}
.crypto-v2 .wallet{grid-template-columns:46px minmax(120px,150px) minmax(0,1fr) 150px!important;grid-template-areas:"coin title addr actions"!important;align-items:center!important;gap:14px!important;padding:14px 16px!important;min-height:72px!important;border-radius:18px!important;overflow:hidden!important}
.crypto-v2 .crypto-badge{grid-area:coin!important;width:42px!important;height:42px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(3,10,26,.72)!important;box-shadow:0 0 18px rgba(41,233,255,.22)!important;color:inherit!important}
.crypto-v2 .crypto-badge img{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important}
.crypto-v2 .wallet strong{grid-area:title!important;display:block!important;font-size:16px!important;white-space:nowrap!important;line-height:1.1!important}
.crypto-v2 .wallet strong .asset-icon,.crypto-v2 .asset-icon.usdt,.crypto-v2 .section-icon{display:none!important}
.crypto-v2 .wallet code{grid-area:addr!important;font-size:14px!important;line-height:1.25!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.crypto-v2 .wallet-actions{grid-area:actions!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
.crypto-v2 .wallet button{min-height:42px!important;padding:9px 12px!important;border-radius:12px!important}
@media (min-width:901px){.support-section{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr)!important;align-items:start!important}.crypto-v2{min-height:auto!important}.crypto-v2 .wallet-list{gap:12px!important}.crypto-v2 .wallet{min-height:64px!important;padding:12px 14px!important}.crypto-v2 .crypto-badge{width:38px!important;height:38px!important}.crypto-v2 .wallet button{min-height:38px!important}.crypto-v2 .title-usdt-img{width:38px;height:38px}}
@media (max-width:900px){.crypto-v2{padding:24px 18px!important}.crypto-v2 h2{font-size:clamp(28px,8vw,38px)!important;letter-spacing:.12em!important}.crypto-v2 .wallet{grid-template-columns:42px minmax(0,1fr)!important;grid-template-areas:"coin title" "addr addr" "actions actions"!important;gap:12px 14px!important;padding:18px!important;min-height:0!important}.crypto-v2 .wallet code{font-size:15px!important}.crypto-v2 .wallet-actions{gap:12px!important}.crypto-v2 .wallet button{min-height:50px!important}}
@media (max-width:520px){.crypto-v2 .crypto-title{font-size:12px!important;letter-spacing:.28em!important}.crypto-v2 h2{font-size:30px!important;letter-spacing:.08em!important;gap:10px!important}.crypto-v2 .title-usdt-img{width:30px;height:30px}.crypto-v2 .wallet-list{gap:14px!important;margin-top:20px!important}.crypto-v2 .wallet{padding:16px!important;border-radius:18px!important}.crypto-v2 .crypto-badge{width:38px!important;height:38px!important}.crypto-v2 .wallet strong{font-size:17px!important}.crypto-v2 .wallet code{font-size:14px!important}.crypto-v2 .wallet button{min-height:48px!important}}

/* NaFunny HUB 1.5.2 — Crypto Support mobile/desktop hotfix */
.crypto-v3{
  padding:26px 28px!important;
  overflow:hidden!important;
}
.crypto-v3 .crypto-title{
  text-align:center!important;
  margin:0 0 10px!important;
  letter-spacing:.38em!important;
}
.crypto-v3 .wallet-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  margin:0!important;
  font-size:clamp(30px,3vw,42px)!important;
  line-height:1.05!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  white-space:nowrap!important;
  color:#36abff!important;
  text-align:center!important;
}
.crypto-v3 .wallet-heading-icon{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  display:block!important;
  border-radius:50%!important;
  filter:drop-shadow(0 0 14px rgba(57,189,135,.48))!important;
}
.crypto-v3 .wallet-list{
  display:grid!important;
  gap:12px!important;
  margin-top:18px!important;
}
.crypto-v3 .wallet,
.crypto-v3 .crypto-wallet{
  grid-template-columns:42px minmax(118px,142px) minmax(0,1fr) 142px!important;
  grid-template-areas:"coin title addr actions"!important;
  align-items:center!important;
  gap:12px!important;
  min-height:62px!important;
  padding:12px 14px!important;
  border-radius:17px!important;
  background:rgba(1,7,20,.72)!important;
  overflow:hidden!important;
}
.crypto-v3 .crypto-badge{
  grid-area:coin!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(3,10,26,.72)!important;
  box-shadow:0 0 18px rgba(41,233,255,.2)!important;
  color:inherit!important;
}
.crypto-v3 .crypto-badge img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
}
.crypto-v3 .wallet strong{
  grid-area:title!important;
  display:block!important;
  font-size:15px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.crypto-v3 .wallet strong::before,
.crypto-v3 .wallet strong::after,
.crypto-v3 .asset-icon,
.crypto-v3 .title-usdt,
.crypto-v3 .section-icon{
  display:none!important;
  content:none!important;
}
.crypto-v3 .wallet code{
  grid-area:addr!important;
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  font-size:13px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.crypto-v3 .wallet-actions{
  grid-area:actions!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  width:100%!important;
}
.crypto-v3 .wallet button{
  min-height:38px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
}
@media (min-width:901px){
  .support-section{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)!important;gap:22px!important;align-items:start!important}
  .crypto-v3{padding:24px 26px!important}
  .crypto-v3 .wallet-heading{font-size:clamp(30px,2.8vw,40px)!important}
  .crypto-v3 .wallet-list{gap:11px!important;margin-top:16px!important}
  .crypto-v3 .wallet{min-height:58px!important;padding:11px 14px!important}
  .crypto-v3 .crypto-badge{width:36px!important;height:36px!important;min-width:36px!important}
  .crypto-v3 .wallet-heading-icon{width:36px!important;height:36px!important;flex-basis:36px!important}
}
@media (max-width:900px){
  .crypto-v3{padding:24px 18px!important}
  .crypto-v3 .crypto-title{font-size:12px!important;letter-spacing:.28em!important}
  .crypto-v3 .wallet-heading{font-size:clamp(28px,7vw,34px)!important;letter-spacing:.01em!important;gap:10px!important}
  .crypto-v3 .wallet-heading-icon{width:30px!important;height:30px!important;flex-basis:30px!important}
  .crypto-v3 .wallet{
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-areas:"coin title" "addr addr" "actions actions"!important;
    gap:10px 12px!important;
    padding:15px!important;
    min-height:0!important;
  }
  .crypto-v3 .crypto-badge{width:36px!important;height:36px!important;min-width:36px!important}
  .crypto-v3 .wallet strong{font-size:16px!important}
  .crypto-v3 .wallet code{font-size:14px!important}
  .crypto-v3 .wallet-actions{gap:10px!important}
  .crypto-v3 .wallet button{min-height:46px!important}
}
@media (max-width:520px){
  .crypto-v3 .wallet-heading{font-size:30px!important}
  .crypto-v3 .wallet-list{gap:12px!important;margin-top:16px!important}
  .crypto-v3 .wallet{padding:14px!important;border-radius:17px!important}
  .crypto-v3 .wallet button{min-height:44px!important}
}

/* NaFunny HUB 2.0 — hero + socials first screen redesign */
.hero-social-stage{
  margin-top:56px;
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);
  gap:24px;
  align-items:stretch;
}
.hero-social-stage .hero{
  margin-top:0!important;
  min-height:0!important;
  height:100%;
  grid-template-columns:minmax(250px,.9fr) minmax(320px,1.1fr)!important;
  gap:clamp(22px,3vw,42px)!important;
  padding:clamp(32px,4vw,50px)!important;
}
.hero-social-stage .brand-logo{width:min(340px,28vw)!important}
.hero-social-stage .hero h1.electric-title{font-size:clamp(58px,5.2vw,84px)!important;margin:.18em 0 .08em!important}
.hero-social-stage .hero-role{
  margin:0 0 22px!important;
  max-width:640px!important;
  font-size:clamp(18px,1.45vw,24px)!important;
  line-height:1.28!important;
  font-weight:900!important;
  color:rgba(232,246,255,.92)!important;
  text-shadow:0 0 18px rgba(41,233,255,.28)!important;
}
.hero-social-stage .live-pill span{
  position:relative;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#42ff9b!important;
  box-shadow:0 0 14px rgba(66,255,155,.9),0 0 30px rgba(66,255,155,.32)!important;
  animation:onlinePulse 1.8s ease-in-out infinite!important;
}
.hero-social-stage .live-pill span::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:50%;
  border:1px solid rgba(66,255,155,.55);
  animation:onlineRing 1.8s ease-out infinite;
}
@keyframes onlinePulse{0%,100%{transform:scale(.9)}45%{transform:scale(1.18)}}
@keyframes onlineRing{0%{transform:scale(.45);opacity:.85}100%{transform:scale(1.55);opacity:0}}
.socials-panel{
  margin:0!important;
  padding:clamp(22px,3vw,34px)!important;
  min-height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.socials-panel-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.socials-panel-head span{width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}
.socials-panel-head h2{margin:0;font-size:clamp(28px,2.4vw,40px);letter-spacing:.18em;text-transform:uppercase}
.socials-panel .social-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.socials-panel .social{min-height:112px!important;padding:16px!important;border-radius:20px!important}
.socials-panel .brand-icon{width:38px!important;height:38px!important}
.socials-panel .social strong{font-size:18px!important}
.socials-panel .social small{font-size:13px!important}
.socials-panel .social em{font-size:28px!important}
@media (max-width:1180px){
  .hero-social-stage{grid-template-columns:1fr;gap:18px}
  .hero-social-stage .hero{grid-template-columns:minmax(260px,.82fr) minmax(360px,1.18fr)!important}
  .hero-social-stage .brand-logo{width:min(330px,42vw)!important}
  .socials-panel .social-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:760px){
  .hero-social-stage{margin-top:78px;display:flex;flex-direction:column}
  .hero-social-stage .hero{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:30px 18px!important}
  .hero-social-stage .brand-logo{width:min(310px,82vw)!important}
  .hero-social-stage .hero h1.electric-title{font-size:clamp(48px,15vw,64px)!important}
  .hero-social-stage .hero-role{font-size:18px!important;margin-bottom:18px!important}
  .hero-social-stage .cta-row{justify-content:center!important}
  .socials-panel{padding:22px 16px!important}
  .socials-panel-head{justify-content:center}
  .socials-panel .social-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .socials-panel .social{min-height:118px!important;padding:14px!important}
}
@media (max-width:420px){
  .socials-panel .social-grid{grid-template-columns:1fr!important}
  .socials-panel .social{min-height:92px!important}
}

/* NaFunny HUB 2.0.1 — Hero left + Socials right final fix */
@media (min-width:861px){
  .hero-social-stage{
    width:min(1320px,100%)!important;
    margin:56px auto 0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.04fr) minmax(330px,.76fr)!important;
    gap:24px!important;
    align-items:stretch!important;
  }
  .hero-social-stage .hero{
    min-width:0!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(240px,.9fr) minmax(280px,1.1fr)!important;
    align-items:center!important;
  }
  .socials-panel{min-width:0!important;width:100%!important;}
}

.hero-social-stage .live-pill{
  position:relative!important;
  overflow:visible!important;
  border-color:rgba(66,255,155,.26)!important;
  box-shadow:0 0 18px rgba(66,255,155,.16), inset 0 0 18px rgba(66,255,155,.055)!important;
}
.hero-social-stage .live-pill span{
  position:relative!important;
  display:inline-block!important;
  flex:0 0 auto!important;
  width:11px!important;
  height:11px!important;
  border-radius:50%!important;
  background:#36ff91!important;
  box-shadow:0 0 12px #36ff91,0 0 28px rgba(54,255,145,.55)!important;
  animation:nafunnyOnlineDot 1.45s ease-in-out infinite!important;
}
.hero-social-stage .live-pill span::before,
.hero-social-stage .live-pill span::after{
  content:""!important;
  position:absolute!important;
  inset:-8px!important;
  border-radius:50%!important;
  border:1px solid rgba(54,255,145,.58)!important;
  animation:nafunnyOnlineWave 1.45s ease-out infinite!important;
}
.hero-social-stage .live-pill span::after{animation-delay:.45s!important;}
@keyframes nafunnyOnlineDot{0%,100%{transform:scale(.86)}50%{transform:scale(1.24)}}
@keyframes nafunnyOnlineWave{0%{transform:scale(.45);opacity:.9}100%{transform:scale(1.85);opacity:0}}

.socials-panel-head{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  gap:18px!important;
  align-items:center!important;
  margin:0 0 20px!important;
}
.socials-panel-head span,
.socials-panel-head::after{
  content:"";
  display:block!important;
  width:auto!important;
  height:1px!important;
  border-radius:0!important;
  background:linear-gradient(90deg,transparent,rgba(45,183,255,.7),transparent)!important;
  box-shadow:none!important;
}
.socials-panel-head h2{
  margin:0!important;
  text-transform:uppercase!important;
  letter-spacing:.35em!important;
  color:#36abff!important;
  font-size:clamp(30px,2.2vw,42px)!important;
  text-align:center!important;
  text-shadow:0 0 20px rgba(41,233,255,.38),0 0 42px rgba(41,233,255,.18)!important;
}
.socials-panel .social-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.socials-panel .social{min-height:124px!important;}
.brand-crypto{border-color:rgba(41,233,255,.78)!important;color:#2be9ff!important;}
.brand-avatar{object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 16px rgba(41,233,255,.75)) drop-shadow(0 0 30px rgba(41,233,255,.26))!important;}
@media (max-width:860px){
  .hero-social-stage{display:flex!important;flex-direction:column!important;}
  .socials-panel-head{gap:12px!important;}
  .socials-panel-head h2{font-size:34px!important;letter-spacing:.24em!important;}
}

/* NaFunny HUB 2.0.2 — Landing Hero + Socials Layout Rework */
@media (min-width: 1101px){
  .site{
    width:min(1380px,100%)!important;
  }
  .hero-social-stage{
    width:100%!important;
    margin:64px auto 0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(680px,1.18fr) minmax(430px,.82fr)!important;
    gap:26px!important;
    align-items:stretch!important;
  }
  .hero-social-stage .hero{
    margin:0!important;
    width:100%!important;
    min-height:460px!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:minmax(300px,.92fr) minmax(330px,1.08fr)!important;
    gap:34px!important;
    align-items:center!important;
    padding:38px 42px!important;
    overflow:visible!important;
  }
  .hero-social-stage .logo-zone{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
  }
  .hero-social-stage .brand-logo{
    width:min(350px,100%)!important;
    max-width:100%!important;
    filter:drop-shadow(0 0 26px rgba(41,233,255,.8)) drop-shadow(0 0 72px rgba(35,141,255,.48))!important;
    animation:logoBreath 6.5s ease-in-out infinite!important;
  }
  .hero-social-stage .hero-copy{
    min-width:0!important;
    max-width:100%!important;
    text-align:left!important;
    padding:0!important;
    overflow:visible!important;
  }
  .hero-social-stage .live-pill{
    margin:0 0 14px!important;
    padding:8px 14px!important;
    font-size:12px!important;
    letter-spacing:.055em!important;
  }
  .hero-social-stage .hero h1.electric-title,
  .hero-social-stage .hero-copy h1.electric-title{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 14px!important;
    font-size:clamp(54px,4.2vw,76px)!important;
    line-height:.94!important;
    letter-spacing:-.045em!important;
    white-space:nowrap!important;
    overflow:visible!important;
    padding-right:.28em!important;
  }
  .hero-social-stage .hero-role{
    max-width:100%!important;
    margin:0 0 24px!important;
    font-size:clamp(18px,1.25vw,22px)!important;
    line-height:1.28!important;
    font-weight:900!important;
  }
  .hero-social-stage .cta-row{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:14px!important;
    justify-content:flex-start!important;
    margin-top:0!important;
  }
  .hero-social-stage .btn{
    min-width:170px!important;
    width:auto!important;
    min-height:54px!important;
    padding:15px 18px!important;
    border-radius:16px!important;
    font-size:13px!important;
    white-space:nowrap!important;
  }
  .socials-panel{
    margin:0!important;
    width:100%!important;
    min-height:460px!important;
    height:auto!important;
    padding:28px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }
  .socials-panel .socials-panel-head{
    display:grid!important;
    grid-template-columns:1fr auto 1fr!important;
    gap:16px!important;
    align-items:center!important;
    margin:0 0 20px!important;
  }
  .socials-panel .socials-panel-head span{
    width:auto!important;
    height:1px!important;
    border-radius:0!important;
    background:linear-gradient(90deg,transparent,var(--line),transparent)!important;
    box-shadow:none!important;
  }
  .socials-panel .socials-panel-head h2{
    margin:0!important;
    text-align:center!important;
    text-transform:uppercase!important;
    letter-spacing:.32em!important;
    color:#36abff!important;
    font-size:clamp(30px,2.2vw,40px)!important;
    text-shadow:0 0 20px rgba(41,233,255,.44)!important;
  }
  .socials-panel .social-grid{
    flex:1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(4,1fr)!important;
    gap:12px!important;
  }
  .socials-panel .social{
    min-height:0!important;
    height:100%!important;
    padding:13px 12px!important;
    border-radius:18px!important;
    gap:7px!important;
  }
  .socials-panel .brand-icon{
    width:34px!important;
    height:34px!important;
  }
  .socials-panel .social strong{font-size:16px!important;line-height:1.1!important;}
  .socials-panel .social small{font-size:11px!important;line-height:1.15!important;}
  .socials-panel .social em{font-size:22px!important;line-height:1!important;}
}

/* keep first screen clean on medium screens */
@media (min-width:901px) and (max-width:1100px){
  .hero-social-stage{
    width:min(980px,100%)!important;
    margin:58px auto 0!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  .hero-social-stage .hero{
    min-height:420px!important;
    display:grid!important;
    grid-template-columns:minmax(280px,.9fr) minmax(340px,1.1fr)!important;
    padding:36px!important;
  }
  .hero-social-stage .brand-logo{width:min(330px,36vw)!important;}
  .hero-social-stage .hero h1.electric-title{font-size:clamp(56px,7vw,78px)!important;white-space:nowrap!important;}
  .socials-panel .social-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;}
  .socials-panel .social{min-height:130px!important;}
}

/* TonNewbie crypto card — premium avatar style */
.social.brand-crypto{
  border-color:rgba(41,233,255,.88)!important;
  background:radial-gradient(circle at 50% 18%,rgba(41,233,255,.18),transparent 38%),rgba(2,8,23,.72)!important;
}
.social.brand-crypto .brand-avatar{
  width:42px!important;
  height:42px!important;
  object-fit:cover!important;
  border-radius:50%!important;
  padding:3px!important;
  background:linear-gradient(145deg,rgba(41,233,255,.36),rgba(91,62,255,.24))!important;
  box-shadow:0 0 16px rgba(41,233,255,.7),0 0 36px rgba(41,233,255,.28)!important;
  filter:none!important;
}
.social.brand-crypto:hover .brand-avatar{
  transform:scale(1.08)!important;
  box-shadow:0 0 22px rgba(41,233,255,.88),0 0 48px rgba(41,233,255,.38)!important;
}
.social.brand-crypto strong{color:#45e8ff!important;text-shadow:0 0 14px rgba(41,233,255,.7)!important;}
.social.brand-crypto small{color:#cfefff!important;}

/* stronger real online pulse */
.hero-social-stage .live-pill span{
  animation:nafunnyOnlineDot 1.35s ease-in-out infinite!important;
}
.hero-social-stage .live-pill span::before,
.hero-social-stage .live-pill span::after{
  display:block!important;
}

@media (max-width:900px){
  .hero-social-stage{margin-top:76px!important;display:flex!important;flex-direction:column!important;gap:18px!important;}
  .hero-social-stage .hero{min-height:auto!important;overflow:hidden!important;}
  .socials-panel .socials-panel-head{
    display:grid!important;
    grid-template-columns:1fr auto 1fr!important;
    gap:12px!important;
    align-items:center!important;
  }
  .socials-panel .socials-panel-head span{
    width:auto!important;height:1px!important;border-radius:0!important;
    background:linear-gradient(90deg,transparent,var(--line),transparent)!important;box-shadow:none!important;
  }
  .socials-panel .socials-panel-head h2{
    margin:0!important;text-transform:uppercase!important;letter-spacing:.22em!important;color:#36abff!important;
    text-shadow:0 0 18px rgba(41,233,255,.42)!important;
  }
  .social.brand-crypto .brand-avatar{width:42px!important;height:42px!important;}
}

/* NaFunny HUB 2.0.3 — Collaboration inside Hero */
.hero-social-stage .hero-copy{
  padding-right:clamp(28px,3vw,58px)!important;
}
.hero-social-stage .cta-row{
  flex-wrap:wrap!important;
  max-width:100%!important;
}
.hero-collab{
  margin-top:clamp(26px,3.2vw,42px)!important;
  padding-top:clamp(22px,2.5vw,30px)!important;
  max-width:620px!important;
}
.hero-collab-line{
  height:1px!important;
  width:100%!important;
  margin-bottom:clamp(18px,2vw,24px)!important;
  background:linear-gradient(90deg,transparent,rgba(41,233,255,.78),rgba(91,62,255,.45),transparent)!important;
  box-shadow:0 0 16px rgba(41,233,255,.36)!important;
}
.hero-collab h2{
  margin:0 0 8px!important;
  font-size:clamp(25px,2vw,34px)!important;
  line-height:1.05!important;
  letter-spacing:.055em!important;
  color:#eaf9ff!important;
  text-shadow:0 0 18px rgba(41,233,255,.35)!important;
}
.hero-collab p{
  margin:0 0 18px!important;
  max-width:560px!important;
  font-size:clamp(15px,1.25vw,18px)!important;
  line-height:1.45!important;
  color:var(--muted)!important;
}
.hero-collab .contact-cta{
  min-width:190px!important;
  width:max-content!important;
  min-height:52px!important;
  padding:14px 22px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(41,233,255,.11))!important;
  border:1px solid rgba(41,233,255,.46)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 22px rgba(41,233,255,.20)!important;
}
.hero-collab .contact-cta:hover{
  transform:translateY(-2px)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 0 30px rgba(41,233,255,.34)!important;
}
.google-g{
  width:22px!important;
  height:22px!important;
  flex:0 0 auto!important;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.24))!important;
}
@media (min-width:1101px){
  .hero-social-stage .hero{
    min-height:600px!important;
    grid-template-columns:minmax(360px,.86fr) minmax(520px,1.14fr)!important;
    align-content:center!important;
  }
  .hero-social-stage .hero-copy{
    align-self:center!important;
  }
}
@media (min-width:901px) and (max-width:1100px){
  .hero-collab{max-width:100%!important;margin-top:24px!important;padding-top:22px!important;}
  .hero-collab p{font-size:15px!important;}
}
@media (max-width:900px){
  .hero-social-stage .hero-copy{padding-right:0!important;}
  .hero-collab{
    width:100%!important;
    max-width:520px!important;
    margin:26px auto 0!important;
    padding-top:24px!important;
    text-align:center!important;
  }
  .hero-collab-line{margin-inline:auto!important;}
  .hero-collab .contact-cta{
    width:100%!important;
    justify-content:center!important;
  }
}
@media (max-width:520px){
  .hero-collab h2{font-size:27px!important;}
  .hero-collab p{font-size:15px!important;}
}

/* NaFunny HUB 2.0.4 — Hero Collaboration Layout Fix */
@media (min-width:1101px){
  .hero-social-stage .hero{
    min-height:600px!important;
    display:grid!important;
    grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr)!important;
    grid-template-rows:auto auto!important;
    gap:30px 34px!important;
    align-content:center!important;
    padding:38px 42px!important;
    overflow:hidden!important;
  }
  .hero-social-stage .brand-logo{width:min(340px,100%)!important;}
  .hero-social-stage .hero-copy{
    padding-right:0!important;
    overflow:visible!important;
    align-self:center!important;
  }
  .hero-social-stage .hero h1.electric-title,
  .hero-social-stage .hero-copy h1.electric-title{
    font-size:clamp(52px,3.8vw,72px)!important;
    max-width:100%!important;
    padding-right:.18em!important;
    white-space:nowrap!important;
  }
  .hero-social-stage .hero-role{
    font-size:clamp(17px,1.18vw,21px)!important;
    max-width:460px!important;
  }
  .hero-social-stage .cta-row{
    flex-wrap:nowrap!important;
    gap:14px!important;
  }
  .hero-social-stage .btn{
    min-width:158px!important;
    padding-inline:16px!important;
  }
  .hero-social-stage .telegram-cta{margin-right:10px!important;}
}

.hero-collab{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
  margin:8px 0 0!important;
  padding-top:0!important;
  align-self:end!important;
}
.hero-collab-line{
  margin:0 0 18px!important;
}
.hero-collab-content{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px 22px!important;
  align-items:end!important;
}
.hero-collab-text{min-width:0!important;}
.hero-collab h2{
  margin:0 0 8px!important;
}
.hero-collab p{
  margin:0!important;
  max-width:100%!important;
  white-space:normal!important;
}
.hero-collab .contact-cta{
  margin:0!important;
  min-width:170px!important;
  min-height:48px!important;
  padding:12px 18px!important;
  align-self:end!important;
}

@media (min-width:901px) and (max-width:1100px){
  .hero-social-stage .hero{
    display:grid!important;
    grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr)!important;
    grid-template-rows:auto auto!important;
    overflow:hidden!important;
  }
  .hero-collab{grid-column:1/-1!important;}
  .hero-collab-content{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;}
  .hero-collab .contact-cta{width:auto!important;min-width:170px!important;}
}

@media (max-width:900px){
  .hero-collab{
    grid-column:auto!important;
    margin:24px auto 0!important;
    padding-top:0!important;
  }
  .hero-collab-content{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:12px!important;
  }
  .hero-collab p{margin:0!important;}
  .hero-collab .contact-cta{
    width:auto!important;
    min-width:180px!important;
    align-self:center!important;
  }
}


/* NaFunny HUB 2.0.5 — Desktop Hero Collaboration Fix */
@media (min-width:1101px){
  .hero-social-stage .hero{
    min-height:600px!important;
    display:grid!important;
    grid-template-columns:minmax(310px,.9fr) minmax(0,1.1fr)!important;
    grid-template-rows:1fr auto!important;
    gap:26px 34px!important;
    align-items:center!important;
    align-content:stretch!important;
    padding:38px 42px!important;
    overflow:hidden!important;
  }
  .hero-social-stage .logo-zone{
    grid-column:1!important;
    grid-row:1!important;
  }
  .hero-social-stage .hero-copy{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    padding-right:18px!important;
    align-self:center!important;
    overflow:hidden!important;
  }
  .hero-social-stage .hero h1.electric-title,
  .hero-social-stage .hero-copy h1.electric-title{
    font-size:clamp(50px,3.45vw,66px)!important;
    max-width:100%!important;
    padding-right:0!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  .hero-social-stage .hero-role{
    max-width:520px!important;
    font-size:clamp(17px,1.12vw,20px)!important;
  }
  .hero-social-stage .cta-row{
    flex-wrap:nowrap!important;
    gap:14px!important;
    padding-right:12px!important;
  }
  .hero-social-stage .btn{
    min-width:152px!important;
    min-height:50px!important;
    padding:12px 16px!important;
    font-size:12px!important;
  }
  .hero-social-stage .telegram-cta{
    margin-right:0!important;
  }
  .hero-collab{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    align-self:end!important;
    text-align:left!important;
  }
  .hero-collab-line{
    width:100%!important;
    margin:0 0 18px!important;
  }
  .hero-collab-content{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px 16px!important;
    width:100%!important;
  }
  .hero-collab-text{
    display:contents!important;
  }
  .hero-collab h2{
    flex:0 0 100%!important;
    margin:0 0 2px!important;
    font-size:clamp(26px,1.75vw,32px)!important;
    line-height:1.05!important;
  }
  .hero-collab p{
    flex:0 1 auto!important;
    display:inline!important;
    margin:0!important;
    max-width:none!important;
    white-space:normal!important;
    font-size:clamp(15px,1.05vw,17px)!important;
    line-height:1.35!important;
  }
  .hero-collab .contact-cta{
    flex:0 0 auto!important;
    margin:0!important;
    min-width:148px!important;
    min-height:42px!important;
    padding:10px 16px!important;
    border-radius:14px!important;
    font-size:12px!important;
    align-self:center!important;
  }
  .hero-collab .google-g{
    width:19px!important;
    height:19px!important;
  }
}
@media (min-width:901px) and (max-width:1100px){
  .hero-collab-content{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px 14px!important;
  }
  .hero-collab-text{display:contents!important;}
  .hero-collab h2{flex:0 0 100%!important;}
  .hero-collab p{display:inline!important;flex:0 1 auto!important;margin:0!important;}
  .hero-collab .contact-cta{flex:0 0 auto!important;width:auto!important;min-width:150px!important;}
}

/* =========================================================
   NaFunny HUB 2.0.9 — Hero Restore + Feed Engine Preserved
   Desktop-only restore after Telegram Engine update.
   Keeps current mobile layout and keeps Telegram Feed Engine 2.0 untouched.
   ========================================================= */
@media (min-width:1101px){
  .hero-social-stage{
    width:min(1380px,100%)!important;
    margin:64px auto 0!important;
    display:grid!important;
    grid-template-columns:minmax(690px,1.18fr) minmax(430px,.82fr)!important;
    gap:28px!important;
    align-items:stretch!important;
  }

  .hero-social-stage .hero{
    display:grid!important;
    grid-template-columns:minmax(300px,.92fr) minmax(370px,1.08fr)!important;
    grid-template-rows:1fr auto!important;
    gap:26px 36px!important;
    min-height:600px!important;
    height:100%!important;
    padding:42px 46px!important;
    margin:0!important;
    align-items:center!important;
    align-content:stretch!important;
    overflow:hidden!important;
  }

  .hero-social-stage .logo-zone{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
  }

  .hero-social-stage .brand-logo{
    width:min(350px,100%)!important;
    max-width:100%!important;
  }

  .hero-social-stage .hero-copy{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    max-width:100%!important;
    padding:0 8px 0 0!important;
    align-self:center!important;
    overflow:visible!important;
    text-align:left!important;
  }

  .hero-social-stage .live-pill{
    max-width:max-content!important;
    margin:0 0 14px!important;
    padding:8px 14px!important;
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }

  .hero-social-stage .hero h1.electric-title,
  .hero-social-stage .hero-copy h1.electric-title{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0 0 14px!important;
    font-size:clamp(50px,3.45vw,66px)!important;
    line-height:.95!important;
    letter-spacing:-.045em!important;
    white-space:nowrap!important;
    overflow:visible!important;
    padding:.02em .22em .10em .02em!important;
  }

  .hero-social-stage .hero-role{
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
    max-width:100%!important;
    margin:0 0 22px!important;
    font-size:clamp(18px,1.14vw,21px)!important;
    line-height:1.18!important;
    font-weight:950!important;
    color:#eaf4ff!important;
    text-shadow:0 0 14px rgba(255,255,255,.18)!important;
  }
  .hero-social-stage .hero-role span{
    display:block!important;
    white-space:nowrap!important;
  }

  .hero-social-stage .cta-row{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:14px!important;
    justify-content:flex-start!important;
    align-items:center!important;
    max-width:100%!important;
    padding:0!important;
    margin:0!important;
  }

  .hero-social-stage .btn{
    min-width:150px!important;
    width:auto!important;
    min-height:50px!important;
    padding:12px 16px!important;
    border-radius:15px!important;
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .hero-social-stage .telegram-cta{
    margin-right:0!important;
  }

  .hero-collab{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    align-self:end!important;
    text-align:left!important;
  }
  .hero-collab-line{
    width:100%!important;
    height:1px!important;
    margin:0 0 18px!important;
    background:linear-gradient(90deg,transparent,rgba(41,233,255,.62),rgba(91,62,255,.38),transparent)!important;
    box-shadow:0 0 16px rgba(41,233,255,.24)!important;
  }
  .hero-collab-content{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px 16px!important;
    width:100%!important;
  }
  .hero-collab-text{
    display:contents!important;
  }
  .hero-collab h2{
    flex:0 0 100%!important;
    margin:0 0 4px!important;
    color:#39b8ff!important;
    text-transform:uppercase!important;
    letter-spacing:.28em!important;
    font-size:clamp(25px,1.85vw,34px)!important;
    line-height:1.05!important;
    text-shadow:0 0 18px rgba(41,233,255,.46),0 0 42px rgba(41,233,255,.16)!important;
  }
  .hero-collab p{
    flex:0 1 auto!important;
    display:inline!important;
    margin:0!important;
    max-width:none!important;
    white-space:normal!important;
    font-size:clamp(15px,1.05vw,17px)!important;
    line-height:1.35!important;
    color:var(--muted)!important;
  }
  .hero-collab .contact-cta{
    flex:0 0 auto!important;
    margin:0!important;
    min-width:148px!important;
    min-height:42px!important;
    padding:10px 16px!important;
    border-radius:14px!important;
    font-size:12px!important;
    align-self:center!important;
    width:auto!important;
  }
  .hero-collab .google-g{
    width:19px!important;
    height:19px!important;
  }
}

@media (min-width:901px) and (max-width:1100px){
  .hero-social-stage .hero-role{
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
  }
  .hero-social-stage .hero-role span{
    display:block!important;
    white-space:nowrap!important;
  }
}

@media (max-width:900px){
  .hero-social-stage .hero-role{
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
    align-items:center!important;
  }
  .hero-social-stage .hero-role span{
    display:block!important;
  }
}