/* AfterLife Network — tema azzurro */
:root{
  --primary:#35A9FF; --primary-hover:#4FB3FD; --sky:#5ED5FE;
  --text:#fff; --muted:#d3d3d3;
  --block:#15173A; --block-light:#191B41; --block-dark:#101224;
  --border:#22254E; --header:#13162D;
  --shadow:0px 4px 20px 0px #0A0C18; --radius:10px;
  --sale:#CA0B2E; --pos:#8AEF5B; --neg:#EF5B5B;
}
*{padding:0;margin:0;text-decoration:none;list-style:none;font-family:Poppins,Nunito,sans-serif;box-sizing:border-box}
body{-webkit-user-select:none;-moz-user-select:none;user-select:none}
input,textarea,select{user-select:text;-webkit-user-select:text}
img{-webkit-user-drag:none;pointer-events:auto}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#101224}::-webkit-scrollbar-thumb{background:#1070a8;border-radius:99px}::selection{background:#0067c8;color:#fff}
html{scroll-behavior:smooth;background:#101224}
body{background:linear-gradient(180deg,#0d1526 0%,#101224 100%);background-attachment:fixed;color:var(--text);min-height:100vh;line-height:1.5;overflow-x:hidden}
a{color:inherit}img{max-width:100%;display:block}
.container{max-width:1300px;margin:0 auto;width:100%;padding:0 clamp(15px,4vw,40px)}
.muted{color:var(--muted);font-size:.92rem;line-height:1.7}

/* LOADING innovativo — solo transform/opacity, zero lag */
@keyframes alSpin{to{transform:rotate(360deg)}}
@keyframes logoIn{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.07);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes txtIn{0%{transform:translateY(14px);opacity:0}100%{transform:none;opacity:1}}
@keyframes barSlide{0%{width:6%}70%{width:78%}100%{width:100%}}
@keyframes loaded{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-7%)}}
.loading{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:radial-gradient(760px 460px at 50% 40%,#14365a 0%,#0a1424 58%,#060b16 100%)}
.loading-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}
.loader-ring{width:228px;height:228px;border-radius:100%;display:flex;align-items:center;justify-content:center;position:relative}
.loader-ring::before{content:"";position:absolute;inset:0;border-radius:100%;background:conic-gradient(from 0deg,#5ED5FE,#1387ca 25%,transparent 50%,#5ED5FE 100%);animation:alSpin 1.5s linear infinite}
.loader-ring::after{content:"";position:absolute;inset:8px;border-radius:100%;background:#0a1424}
.loading-wrap img{width:168px;border-radius:22px;position:relative;z-index:1;box-shadow:0 0 54px rgba(94,213,254,.5);animation:logoIn .8s cubic-bezier(.2,.9,.3,1.25) both}
.loading-txt{font-weight:800;letter-spacing:.42em;font-size:.72rem;color:#5ED5FE;animation:txtIn .6s .25s ease both}
.loading-bar{width:220px;height:5px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.loading-bar div{height:100%;border-radius:99px;background:linear-gradient(90deg,#1387ca,#5ED5FE);animation:barSlide 2.6s ease forwards}
.loading-ip{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:#9fd8f7;animation:txtIn .6s .4s ease both}

/* ===== ANIMAZIONI CORAL (entrance + float + glow) ===== */
@keyframes floatY{0%{transform:translateY(0)}100%{transform:translateY(-10px)}}
@keyframes fadeUp{0%{opacity:0;transform:translateY(26px)}100%{opacity:1;transform:translateY(0)}}
@keyframes glowPulse{0%{box-shadow:rgba(94,213,254,.45) 2px 2px 18px 2px}100%{box-shadow:rgba(94,213,254,.85) 3px 3px 30px 5px}}
@keyframes ringPulse{0%{box-shadow:0 0 0 0 rgba(94,213,254,.55)}100%{box-shadow:0 0 0 16px rgba(94,213,254,0)}}
@keyframes barShine{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
.reveal{opacity:0;transform:translateY(26px)}
.reveal.visible{animation:fadeUp .7s ease forwards}
.reveal.d1{animation-delay:.08s}.reveal.d2{animation-delay:.16s}.reveal.d3{animation-delay:.24s}.reveal.d4{animation-delay:.32s}
.logo img{animation:floatY 3.2s ease-in-out infinite alternate}
.logo-info .info .icon{transition:.3s}
.logo-info .info:hover .icon{transform:scale(1.12) rotate(-6deg);animation:ringPulse 1s ease-out}
.top .inner .nav a.page{position:relative;transition:.3s}
.top .inner .nav a.page:not(.store)::after{content:"";position:absolute;left:15px;right:15px;bottom:22px;height:2px;border-radius:2px;background:var(--sky);transform:scaleX(0);transform-origin:left;transition:.3s}
.top .inner .nav a.page:not(.store):hover::after{transform:scaleX(1)}
.top .inner .nav a.page.store{animation:glowPulse 2.2s infinite alternate}
.btn-store{animation:glowPulse 2.2s infinite alternate;transition:.3s}
.btn-store:hover{transform:scale(1.05)}
.hero-title,.hero-sub,.hero-cta{animation:fadeUp .8s ease both}
.hero-sub{animation-delay:.12s}.hero-cta{animation-delay:.22s}

/* ANNUNCIO stile sito (azzurro, niente rosso) */
.announce-bar{background:linear-gradient(90deg,#0a1f36,#1387ca 50%,#0a1f36);border-bottom:1px solid rgba(94,213,254,.4);padding:10px 0;font-weight:700;font-size:.9rem}
.announce-inner{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;max-width:1300px;margin:0 auto;padding:0 20px}
.announce-countdown{display:flex;align-items:center;gap:8px}
.cd-block{background:rgba(0,0,0,.35);border-radius:8px;padding:4px 10px;text-align:center;min-width:56px}
.cd-block span{font-weight:800;font-size:1rem;display:block}.cd-block small{font-size:.6rem;letter-spacing:.1em;opacity:.8}.cd-sep{font-weight:800}

/* TOP + banner AfterLife */
.top{min-height:78vh;background:url("../assets/banner.jpg");background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}
.top::after{position:absolute;background-image:linear-gradient(#0c133500,#101224);bottom:0;left:0;right:0;top:0;content:""}
.top .inner{display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:10;padding:40px 20px;text-align:center}
.logo-info{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
.logo-info .info{display:flex;align-items:center;cursor:pointer}
.logo-info .info.minecraft{padding-right:30px}.logo-info .info.discord{padding-left:30px}
.logo-info .info .icon{width:48px;height:48px;background:var(--sky);border-radius:100%;display:flex;align-items:center;justify-content:center;color:#004d95}
.logo-info .info .txt{display:flex;justify-content:center;flex-direction:column}
.logo-info .info .txt.l{align-items:flex-end;margin-right:18px}.logo-info .info .txt.r{align-items:flex-start;margin-left:18px}
.logo-info .info .txt small{color:var(--sky);font-size:13px;font-weight:800}
.logo-info .info .txt div{font-weight:900;font-size:20px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.logo img{max-width:260px;border-radius:24px;box-shadow:0 8px 40px rgba(53,169,255,.35);border:3px solid rgba(94,213,254,.4)}
.hero-title{font-size:clamp(2rem,5vw,3.4rem);font-weight:800;margin-top:18px;text-shadow:0 3px 14px rgba(0,0,0,.7)}
.hero-title span{color:var(--sky)}
.hero-sub{color:#e6f4ff;max-width:640px;margin:8px auto 18px;text-shadow:0 2px 8px rgba(0,0,0,.7)}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.btn-store{background:var(--sky);color:#004d95;font-weight:800;border:none;border-radius:100px;padding:14px 26px;cursor:pointer;box-shadow:rgba(94,213,254,.6) 3px 3px 25px 3px;font-size:1rem}
.btn-store:hover{background:#fff}
.btn-ghost{border:2px solid rgba(255,255,255,.5);color:#fff;font-weight:700;padding:12px 22px;border-radius:100px}
.btn-ghost:hover{border-color:var(--sky);color:var(--sky)}
.top .inner .nav{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:22px;flex-wrap:wrap}
.top .inner .nav a.page{font-size:17px;color:#cdd8e8;font-weight:800;margin:0 8px;padding:10px 15px;text-shadow:0 1px 1px rgba(0,0,0,.5)}
.top .inner .nav a.page:hover{color:#fff}
.top .inner .nav a.page.store{background:var(--sky);color:#004d95;border-radius:100px;padding:10px 24px;box-shadow:rgba(94,213,254,.5) 3px 3px 25px 3px}
#tsparticles{position:absolute;top:0;left:0;right:0;height:100%;opacity:.55;pointer-events:none}
/* ===== BOLLICINE home (solo transform/opacity) ===== */
@keyframes bubbleUp{0%{transform:translateY(0) translateX(0) scale(1);opacity:0}12%{opacity:.85}100%{transform:translateY(-72vh) translateX(34px) scale(1.15);opacity:0}}
.bubbles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:5}
.bubbles span{position:absolute;bottom:-46px;border-radius:100%;background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.55),rgba(94,213,254,.1) 60%);border:1px solid rgba(94,213,254,.3);animation:bubbleUp linear infinite}
.bubbles span:nth-child(1){left:6%;width:14px;height:14px;animation-duration:9s;animation-delay:0s}
.bubbles span:nth-child(2){left:14%;width:24px;height:24px;animation-duration:12s;animation-delay:2s}
.bubbles span:nth-child(3){left:23%;width:10px;height:10px;animation-duration:8s;animation-delay:1s}
.bubbles span:nth-child(4){left:33%;width:20px;height:20px;animation-duration:11s;animation-delay:4s}
.bubbles span:nth-child(5){left:42%;width:12px;height:12px;animation-duration:9s;animation-delay:.5s}
.bubbles span:nth-child(6){left:52%;width:26px;height:26px;animation-duration:13s;animation-delay:3s}
.bubbles span:nth-child(7){left:61%;width:11px;height:11px;animation-duration:8s;animation-delay:5s}
.bubbles span:nth-child(8){left:70%;width:18px;height:18px;animation-duration:10s;animation-delay:1.5s}
.bubbles span:nth-child(9){left:78%;width:13px;height:13px;animation-duration:9s;animation-delay:6s}
.bubbles span:nth-child(10){left:86%;width:22px;height:22px;animation-duration:12s;animation-delay:2.5s}
.bubbles span:nth-child(11){left:93%;width:10px;height:10px;animation-duration:8s;animation-delay:4.5s}
.bubbles span:nth-child(12){left:48%;width:16px;height:16px;animation-duration:11s;animation-delay:7s}
/* ===== HERO compatto store + icone pagamenti ===== */
.top-compact{min-height:52vh}
.pay-icons{display:flex;gap:14px;font-size:1.7rem;color:#5ED5FE;margin-top:14px}

/* ORBIT MAIN */
.al-main{padding:10px 0 50px}
.al-hero-stats{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 6px}
.stat{background:var(--block-dark);border:2px solid var(--border);border-radius:10px;padding:10px 18px;min-width:150px;box-shadow:var(--shadow)}
.stat b{display:block;font-size:1.3rem}.stat small{color:var(--muted);font-size:.72rem;letter-spacing:.08em}
.page-title{font-size:2rem;font-weight:800;text-transform:uppercase;margin:34px 0 18px}
.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.category-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--block);border:2px solid var(--border);border-radius:12px;padding:26px 24px;overflow:hidden;transition:.2s}
.category-card:hover{border-color:var(--primary);transform:translateY(-2px)}
.category-card-accent{position:absolute;left:0;top:16px;bottom:16px;width:4px;border-radius:4px;background:var(--primary)}
.category-card-info{padding-left:14px}
.category-card-name{font-size:1.35rem;font-weight:800;text-transform:uppercase}
.category-card-link{color:var(--primary);font-weight:600;font-size:.9rem}
.category-card-icon{font-size:2.2rem;color:var(--primary);opacity:.6}
.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;margin-top:6px}
/* ===== NEGOZIO FULL CORAL ===== */
.al-shop .package-card{background:linear-gradient(165deg,rgba(24,52,90,.95),rgba(9,15,30,.97));border:1px solid rgba(94,213,254,.28);border-radius:20px;box-shadow:0 12px 34px rgba(0,0,0,.5);padding:1.9rem 1.4rem 1.6rem;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.85rem;transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden;backdrop-filter:blur(4px)}
.al-shop .package-card::before{content:"";position:absolute;top:0;left:10%;right:10%;height:3px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,transparent,#5ED5FE,transparent)}
.al-shop .package-card::after{content:"";position:absolute;top:-60px;right:-60px;width:150px;height:150px;border-radius:100%;background:radial-gradient(circle,rgba(94,213,254,.22),transparent 70%);pointer-events:none}
.al-shop .package-card:hover{transform:translateY(-10px) scale(1.02);border-color:#5ED5FE;box-shadow:0 20px 46px rgba(0,0,0,.55),rgba(94,213,254,.35) 0 0 36px 2px}
.al-shop .perk-list{color:#c9d9ec}
.al-shop .package-card-media{font-size:3.4rem;width:110px;height:110px;display:flex;align-items:center;justify-content:center;background:#20252e;border-radius:100%;border:2px solid #333e4c;transition:.3s}
.al-shop .package-card:hover .package-card-media{transform:scale(1.1) rotate(-4deg);border-color:#5ED5FE}
.al-shop .package-card-media img{width:84px;height:84px;object-fit:contain}
.al-shop .package-card-name{font-size:1.25rem;font-weight:900;letter-spacing:.02em}
.al-shop .perk-list{font-size:.82rem;font-weight:700;color:#9aa7bd;line-height:1.9}
.al-shop .perk-list i{color:#5ED5FE;margin-right:6px}
.discount-badge{position:absolute;top:12px;right:12px;background:var(--sale);font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:6px;text-transform:uppercase}
.package-card-price{color:var(--primary);font-weight:800;font-size:1.2rem}.package-card-price-old{color:var(--neg);text-decoration:line-through}
.package-card-actions{display:flex;gap:.6rem;width:100%;margin-top:auto}
.al-shop .primary-button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#5ED5FE;color:#004d95;border:none;border-radius:100px;padding:12px 14px;font-weight:900;font-size:.88rem;cursor:pointer;box-shadow:rgba(94,213,254,.4) 2px 2px 18px 2px;transition:.3s}
.al-shop .primary-button:hover{background:#fff;transform:scale(1.04)}
.al-shop .secondary-button{background:transparent;color:#d1d8eb;border:2px solid #333e4c;border-radius:100px;width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}
.al-shop .secondary-button:hover{border-color:#5ED5FE;color:#5ED5FE;transform:scale(1.08)}
.primary-button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--primary);color:#fff;border:none;border-radius:10px;padding:11px 14px;font-weight:700;font-size:.85rem;cursor:pointer}
.primary-button:hover{background:var(--primary-hover)}
.secondary-button{background:transparent;color:var(--text);border:2px solid var(--border);border-radius:10px;padding:10px 14px;cursor:pointer}
.secondary-button:hover{border-color:var(--primary);color:var(--primary)}
.home-modules-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}
.home-modules-row .full{grid-column:1/-1}
.block{background:var(--block);border:3px solid var(--border);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}
.block-accent{height:4px;background:linear-gradient(90deg,var(--primary),#6bc5ff)}
.block-body{padding:20px}.block-title{font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:10px}
.icon-bg{width:36px;height:36px;border-radius:8px;background:rgba(53,169,255,.15);color:var(--primary);display:flex;align-items:center;justify-content:center}

/* BOTTOM */
.bottom{display:flex;align-items:center;justify-content:center;flex-direction:column;border-top:1px solid #2c333e}
.bottom .center{width:100%;background:#0c1220;padding:50px 0}
.bottom .center .inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:0 auto;max-width:1200px;width:100%;padding:0 20px}
.bottom .center .inner .c .title{font-size:19px;font-weight:900;margin-bottom:8px;color:#d1d8eb}
.bottom .center .inner .c .text{font-size:15px;font-weight:600;color:#8b96ab;margin:15px 0;line-height:22px}
.bottom .center .inner .c.cc .links .utils{font-size:15px;font-weight:700;color:#8b96ab;display:block;border-bottom:1px solid #22304a;margin:0 0 12px;padding:0 0 12px}
.bottom .center .inner .c.cc .links .utils:hover{color:#fff}
.bottom .center .inner .c .text .btn{font-size:18px;font-weight:900;padding:14px;display:block;background:#1387ca;text-align:center;color:#fff;border-radius:8px;margin-top:18px}
.bottom .center .inner .c .text .btn:hover{background:var(--primary)}
.bottom .copyright{width:100%;background:#080d18;padding:30px 0;border-top:1px solid #1b2740}
.bottom .copyright .inner{margin:0 auto;max-width:1200px;width:100%;padding:0 20px}
.bottom .copyright p{font-size:15px;font-weight:800;color:#868ea3}
.bottom .copyright small{font-size:13px;color:#5b6478}

/* ===== HEADER FISSO ===== */
.al-header{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(12,18,32,.85);backdrop-filter:blur(12px);border-bottom:1px solid #1b2740;transition:.3s}
.al-header.scrolled{background:rgba(8,13,24,.96);box-shadow:0 4px 20px rgba(0,0,0,.4)}
.al-header-inner{max-width:1300px;margin:0 auto;padding:10px clamp(15px,4vw,40px);display:flex;align-items:center;justify-content:space-between;gap:14px}
.al-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1rem}
.al-brand img{width:40px;height:40px;border-radius:10px}
.al-brand b{color:var(--sky)}
.al-nav{display:flex;gap:4px;align-items:center}
.al-nav a{padding:9px 15px;border-radius:8px;font-size:.88rem;font-weight:700;color:#c6d2e6}
.al-nav a:hover{background:rgba(94,213,254,.15);color:#fff}
.al-nav a.active{color:var(--sky)}
.al-nav-store{border:1px solid rgba(94,213,254,.5)!important;background:rgba(94,213,254,.1)!important;color:var(--sky)!important}
.al-header-actions{display:flex;gap:8px;align-items:center}
.al-ip-btn{background:#5ED5FE;color:#004d95;border:none;border-radius:100px;padding:9px 18px;font-weight:900;cursor:pointer;display:flex;gap:8px;align-items:center;box-shadow:rgba(94,213,254,.4) 2px 2px 16px 2px}
.al-ip-btn:hover{background:#fff}
.al-discord-btn{width:40px;height:40px;border-radius:100%;background:#20252e;border:1px solid #333e4c;display:flex;align-items:center;justify-content:center;color:#9aa7bd}
.al-discord-btn:hover{background:#5865F2;color:#fff}
.top{padding-top:76px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(94,213,254,.12);border:1px solid #22304a;color:#5ED5FE;font-weight:700;font-size:.75rem;letter-spacing:.1em;padding:8px 16px;border-radius:100px;margin-bottom:14px}
.online-dot{display:inline-block;width:9px;height:9px;border-radius:100%;background:#8AEF5B;box-shadow:0 0 10px #8AEF5B}
.join-steps{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:22px}
.join-step{background:rgba(12,18,32,.75);border:1px solid #22304a;border-radius:14px;padding:14px 20px;display:flex;gap:12px;align-items:center;min-width:220px;text-align:left;backdrop-filter:blur(6px)}
.join-num{width:38px;height:38px;flex:0 0 38px;border-radius:100%;background:#5ED5FE;color:#004d95;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.join-step b{display:block}.join-step small{color:#9aa7bd;font-size:.8rem}
/* ===== DISCORD CTA + FAQ ===== */
.discord-cta{margin-top:26px;background:linear-gradient(120deg,#1b2b5c,#15173A);border:2px solid #2c3d6e;border-radius:16px;padding:26px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;box-shadow:var(--shadow)}
.discord-cta-icon{width:64px;height:64px;flex:0 0 64px;border-radius:18px;background:#5865F2;color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;animation:floatY 3s ease-in-out infinite alternate}
.discord-cta h3{font-size:1.3rem;font-weight:800}
.faq-list{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.faq-item{background:linear-gradient(165deg,rgba(24,52,90,.85),rgba(9,15,30,.92));border:1px solid rgba(94,213,254,.22);border-radius:12px;overflow:hidden}
.faq-q{width:100%;background:none;border:none;color:#fff;font-weight:800;font-size:.95rem;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:inherit;text-align:left}
.faq-q:hover{color:#5ED5FE}
.faq-q i{transition:.3s}
.faq-item.open .faq-q i{transform:rotate(180deg)}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease;color:#9aa7bd;font-size:.88rem}
.faq-a-in{overflow:hidden;min-height:0}
.faq-a-in p{padding:0 20px 18px}
.faq-item.open .faq-a{grid-template-rows:1fr}
/* ===== KIT BADGE (icone innovative, niente emoji) ===== */
.kit-badge{width:94px;height:94px;border-radius:28px;background:linear-gradient(135deg,#16486f,#0b2238);border:2px solid #2e5a80;display:flex;align-items:center;justify-content:center;font-size:2.4rem;color:#5ED5FE;box-shadow:inset 0 0 26px rgba(94,213,254,.18),rgba(94,213,254,.28) 2px 2px 18px 2px;transition:.3s}
.package-card:hover .kit-badge{transform:scale(1.08) rotate(-4deg)}
.kit-badge img{width:60px;height:60px;image-rendering:pixelated;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55))}
.kit-hero{background:linear-gradient(135deg,#0f4d7a,#0b1e33);border-color:#35A9FF;color:#7cc7ff}
.kit-legend{background:linear-gradient(135deg,#1c3f7d,#101a3a);border-color:#6ea8ff;color:#bcd6ff}
.kit-plus{background:linear-gradient(135deg,#5c4a12,#241d08);border-color:#ffd76a;color:#ffd76a;box-shadow:inset 0 0 26px rgba(255,215,106,.2),rgba(255,215,106,.3) 2px 2px 18px 2px}
.to-top{position:fixed;bottom:22px;right:22px;width:46px;height:46px;border-radius:100%;background:#5ED5FE;color:#004d95;border:none;font-size:1.1rem;cursor:pointer;box-shadow:rgba(94,213,254,.5) 2px 2px 18px 3px;opacity:0;pointer-events:none;transition:.3s;z-index:500}
.to-top.show{opacity:1;pointer-events:auto}
.to-top:hover{transform:translateY(-3px)}

/* ===== CHECKOUT ===== */
.co-wrap{max-width:880px;margin:0 auto;padding:118px clamp(15px,4vw,40px) 60px}
.co-head{text-align:center;margin-bottom:6px}
.co-status{display:inline-flex;align-items:center;gap:8px;background:rgba(138,239,91,.08);border:1px solid rgba(138,239,91,.35);color:#8AEF5B;font-weight:700;font-size:.8rem;padding:8px 18px;border-radius:100px}
.co-status.off{background:rgba(239,91,91,.08);border-color:rgba(239,91,91,.4);color:#EF5B5B}
.co-steps{display:flex;gap:8px;justify-content:center;margin:20px 0 24px;flex-wrap:wrap}
.co-dot{display:flex;align-items:center;gap:8px;background:rgba(94,213,254,.06);border:1px solid #22304a;border-radius:100px;padding:7px 16px 7px 7px;color:#8b96ab;font-size:.8rem;font-weight:700}
.co-dot b{width:26px;height:26px;border-radius:100%;background:#22304a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem}
.co-dot.active{border-color:#5ED5FE;color:#fff}
.co-dot.active b{background:#5ED5FE;color:#004d95}
.co-dot.done{border-color:#8AEF5B;color:#8AEF5B}
.co-dot.done b{background:#8AEF5B;color:#0b3d1e}
.co-card{background:linear-gradient(165deg,rgba(24,52,90,.95),rgba(9,15,30,.97));border:1px solid rgba(94,213,254,.28);border-radius:20px;padding:26px;box-shadow:0 12px 34px rgba(0,0,0,.5);display:none}
.co-card.active{display:block;animation:fadeUp .4s ease}
.co-card h3{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:1.15rem}
.co-card h3 i{color:#5ED5FE}
.field{margin-bottom:16px}
.field label{display:block;font-weight:700;margin-bottom:8px;font-size:.88rem}
.field input,.field select{width:100%;background:#0a1424;border:2px solid #22304a;border-radius:12px;padding:13px 16px;color:#fff;font-family:inherit;font-size:.95rem;outline:none;transition:.2s}
.field input:focus,.field select:focus{border-color:#5ED5FE}
.field input.ok,.field select.ok{border-color:#8AEF5B}
.field input.err{border-color:#EF5B5B}
.fmsg{font-size:.8rem;margin-top:6px;min-height:20px;color:#8b96ab}
.fmsg.ok{color:#8AEF5B}.fmsg.err{color:#EF5B5B}.fmsg.warn{color:#ffd76a}
.fmsg.spinning::before{content:"";display:inline-block;width:12px;height:12px;border:2px solid #5ED5FE;border-top-color:transparent;border-radius:100%;margin-right:8px;vertical-align:-1px;animation:alSpin .7s linear infinite}
.nick-row{display:flex;gap:14px;align-items:center}
.nick-row img{width:64px;height:64px;border-radius:14px;background:#0a1424;border:2px solid #22304a;image-rendering:pixelated;flex:0 0 64px}
.check{display:flex;gap:10px;align-items:flex-start;background:rgba(94,213,254,.06);border:1px solid #22304a;border-radius:12px;padding:13px 16px;font-size:.88rem;color:#c9d9ec;cursor:pointer}
.check input{width:18px;height:18px;margin-top:2px;accent-color:#5ED5FE}
.co-pricebox{display:flex;justify-content:space-between;align-items:center;background:#0a1424;border:2px dashed rgba(94,213,254,.4);border-radius:12px;padding:14px 20px;margin-top:6px;font-weight:700}
.co-pricebox b{font-size:1.5rem;color:#5ED5FE}
.co-nav{display:flex;justify-content:space-between;margin-top:20px;gap:10px}
.co-summary{background:#0a1424;border:1px solid #22304a;border-radius:12px;padding:16px 20px;margin-bottom:18px;font-size:.9rem}
.co-summary .row{display:flex;justify-content:space-between;padding:5px 0;color:#c9d9ec}
.co-summary .row.total{border-top:1px solid #22304a;margin-top:8px;padding-top:12px;font-weight:800;color:#fff}
.co-summary .row.total b{color:#5ED5FE;font-size:1.2rem}
.pay-tabs{display:flex;gap:10px;margin-bottom:16px}
.pay-tab{flex:1;background:#0a1424;border:2px solid #22304a;color:#c9d9ec;border-radius:12px;padding:13px;font-weight:800;font-size:.95rem;cursor:pointer;font-family:inherit;transition:.2s}
.pay-tab i{margin-right:8px}
.pay-tab.active{border-color:#5ED5FE;color:#5ED5FE;background:rgba(94,213,254,.08)}
.demo-box{margin-top:18px;background:rgba(255,215,106,.07);border:1px dashed rgba(255,215,106,.5);border-radius:12px;padding:16px 18px;font-size:.85rem;color:#e8d9a8}
.demo-box b{color:#ffd76a}
.demo-box p{margin:8px 0 12px}
.order-box{background:#0a1424;border:2px dashed rgba(138,239,91,.5);border-radius:12px;padding:16px;margin-top:16px;display:flex;flex-direction:column;gap:4px}
.order-box span{font-size:.72rem;letter-spacing:.15em;color:#8b96ab}
.order-box b{font-size:1.6rem;color:#8AEF5B;letter-spacing:.06em}
.checkmark{width:92px;height:92px;margin:6px auto 10px}
.checkmark circle{stroke:#8AEF5B;stroke-width:3;fill:none;stroke-dasharray:166;stroke-dashoffset:166;animation:drawStroke .6s ease forwards}
.checkmark path{stroke:#8AEF5B;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:drawStroke .4s .55s ease forwards}
@keyframes drawStroke{to{stroke-dashoffset:0}}
/* ===== CHECKOUT PRO: trust, online, discord live ===== */
.trust-row{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 16px}
.trust-row span{flex:1;min-width:140px;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(138,239,91,.06);border:1px solid rgba(138,239,91,.25);color:#b9f4a8;font-size:.76rem;font-weight:700;padding:9px 10px;border-radius:10px}
.online-box{margin-top:16px;background:#0a1424;border:1px solid #22304a;border-radius:12px;padding:14px 16px}
.online-box-head{display:flex;align-items:center;gap:8px;font-size:.88rem;margin-bottom:10px}
.online-list{display:flex;gap:8px;flex-wrap:wrap}
.online-chip{display:flex;align-items:center;gap:8px;background:rgba(94,213,254,.07);border:1px solid rgba(94,213,254,.25);border-radius:100px;padding:4px 14px 4px 4px;font-size:.8rem;font-weight:700}
.online-chip img{width:26px;height:26px;border-radius:100%;image-rendering:pixelated;background:#101c30}
.ds-live{display:flex;gap:10px;align-items:center;margin-top:10px;font-size:.85rem;color:#9fd8f7}
.ds-live b{color:#fff;font-size:1rem}
.ds-live .dot{opacity:.4}
.co-card{position:relative;overflow:hidden}
.co-card::before{content:"";position:absolute;top:0;left:10%;right:10%;height:3px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,transparent,#5ED5FE,transparent)}
.co-steps{position:relative}
.co-summary .row b{text-align:right}
/* ===== GATE ANTI-BOT ===== */
.gate{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;background:linear-gradient(rgba(6,11,22,.9),rgba(6,11,22,.95)),url("../assets/banner.jpg") center/cover;padding:20px;transition:opacity .5s}
.gate.hide{opacity:0;pointer-events:none}
.gate-card{width:100%;max-width:430px;background:linear-gradient(165deg,rgba(24,52,90,.96),rgba(9,15,30,.98));border:1px solid rgba(94,213,254,.3);border-radius:20px;padding:32px 28px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.gate-logo{width:88px;border-radius:18px;margin:0 auto 12px;box-shadow:0 0 34px rgba(94,213,254,.45)}
.gate.shake .gate-card{animation:gshake .4s ease}
@keyframes gshake{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
.gate-shield{width:72px;height:72px;margin:0 auto 14px;border-radius:22px;background:linear-gradient(135deg,#16486f,#0b2238);border:2px solid #2e5a80;color:#5ED5FE;font-size:2rem;display:flex;align-items:center;justify-content:center}
.gate-card h2{font-size:1.4rem;font-weight:800}
.gate-steps{display:flex;flex-direction:column;gap:8px;margin:18px 0}
.gate-step{display:flex;align-items:center;gap:10px;background:#0a1424;border:1px solid #22304a;border-radius:10px;padding:10px 14px;font-size:.86rem;font-weight:600;color:#c9d9ec}
.gate-step .gs-res{margin-left:auto;font-weight:800}
.gs-dot{width:16px;height:16px;flex:0 0 16px;border-radius:100%;border:2px solid #2e5a80}
.gate-step.run .gs-dot{border-top-color:#5ED5FE;animation:alSpin .7s linear infinite}
.gate-step.ok{border-color:rgba(138,239,91,.4)}
.gate-step.ok .gs-dot{background:#8AEF5B;border-color:#8AEF5B}
.gate-step.ok .gs-res{color:#8AEF5B}
.gate-step.fail{border-color:rgba(239,91,91,.5)}
.gate-step.fail .gs-dot{background:#EF5B5B;border-color:#EF5B5B}
.gate-step.fail .gs-res{color:#EF5B5B}
.gate-check{display:flex;align-items:center;gap:12px;width:100%;background:#0a1424;border:2px solid #22304a;border-radius:12px;padding:13px 16px;color:#fff;font-family:inherit;font-weight:700;font-size:.92rem;cursor:pointer;transition:.2s}
.gate-check:hover{border-color:#5ED5FE}
.gate-box{width:26px;height:26px;flex:0 0 26px;border-radius:7px;border:2px solid #2e5a80;display:flex;align-items:center;justify-content:center;color:transparent;font-size:.9rem}
.gate-check.run .gate-box{border-top-color:#5ED5FE;animation:alSpin .7s linear infinite;color:transparent}
.gate-check.ok .gate-box{background:#8AEF5B;border-color:#8AEF5B;color:#0b3d1e}
.gate-check.ok .gate-box i{animation:none}
.gate-block{display:none;margin-top:12px;background:rgba(239,91,91,.08);border:1px solid rgba(239,91,91,.4);color:#f0a8a8;border-radius:10px;padding:10px 14px;font-size:.82rem}
.gate-ip{margin-top:14px;font-size:.78rem}
/* ===== PAGAMENTO MANUALE (PayPal F&F + IBAN) ===== */
.pay-box{background:#0a1424;border:1px solid #22304a;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px;font-size:.88rem;color:#c9d9ec}
.copy-line{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(94,213,254,.07);border:2px dashed rgba(94,213,254,.45);border-radius:12px;padding:13px 16px;color:#fff;font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;width:100%;transition:.2s;word-break:break-all;text-align:left}
.copy-line:hover{border-color:#5ED5FE;background:rgba(94,213,254,.12)}
.copy-line i{color:#5ED5FE;flex:0 0 auto}
.iban-row{display:flex;flex-direction:column;gap:6px}
.iban-row>span{font-size:.76rem;font-weight:700;letter-spacing:.08em;color:#8b96ab}
.iban-row>b{font-size:1.05rem}
.policy-box{margin-top:14px;background:rgba(239,91,91,.06);border:1px solid rgba(239,91,91,.3);border-radius:12px;padding:12px 16px;font-size:.8rem;color:#e8b4b4}
.checkmark.pending circle{stroke:#ffd76a;animation-duration:.8s}
.checkmark.pending path{stroke:#ffd76a;animation-delay:.7s}

/* ===== LE NOSTRE MODALITÀ (tabs cliccabili) ===== */
.mode-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:18px}
.mode-tab{display:flex;align-items:center;gap:14px;background:linear-gradient(165deg,rgba(24,52,90,.9),rgba(9,15,30,.94));border:1px solid rgba(94,213,254,.25);border-radius:16px;padding:16px 18px;color:#fff;cursor:pointer;font-family:inherit;text-align:left;transition:.3s;position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.mode-tab small{display:block;color:#9aa7bd;font-size:.76rem;font-weight:600}
.mode-tab b{font-size:1.05rem}
.mode-tab-icon{width:48px;height:48px;flex:0 0 48px;border-radius:12px;background:rgba(94,213,254,.1);border:1px solid rgba(94,213,254,.3);color:#5ED5FE;font-size:1.3rem;display:flex;align-items:center;justify-content:center;transition:.3s}
.mode-tab-arrow{margin-left:auto;color:#5b6478;transition:.3s}
.mode-tab:hover{transform:translateY(-3px);border-color:#5ED5FE}
.mode-tab.active{background:linear-gradient(120deg,#1b3a55,#15173A);border-color:#5ED5FE;box-shadow:rgba(94,213,254,.45) 2px 2px 24px 3px}
.mode-tab.active .mode-tab-icon{background:#5ED5FE;color:#004d95;border-color:#5ED5FE}
.mode-tab.active .mode-tab-arrow{color:#5ED5FE;transform:translateX(4px)}
/* ===== STORE con sfondo animato (aurora) ===== */
@keyframes blobDrift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(50px,-30px) scale(1.2)}100%{transform:translate(-30px,25px) scale(.95)}}
.mode-panel{position:relative;background:rgba(10,18,34,.6);border:1px solid rgba(94,213,254,.22);border-radius:20px;padding:22px;overflow:hidden}
.mode-panel::before,.mode-panel::after{content:"";position:absolute;border-radius:100%;filter:blur(70px);pointer-events:none}
.mode-panel::before{width:420px;height:420px;top:-160px;left:-120px;background:radial-gradient(circle,rgba(53,169,255,.35),transparent 70%);animation:blobDrift 9s ease-in-out infinite alternate}
.mode-panel::after{width:380px;height:380px;bottom:-150px;right:-100px;background:radial-gradient(circle,rgba(94,213,254,.28),transparent 70%);animation:blobDrift 11s ease-in-out infinite alternate-reverse}
.mode-panel-head,.mode-panel #mode-ranks{position:relative;z-index:1}
.mode-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.mode-panel-head h3{font-size:1.5rem;font-weight:800}
.mode-store-btn{font-size:.9rem;padding:11px 22px}
#mode-ranks{transition:opacity .3s ease,transform .3s ease}
#mode-ranks.switching{opacity:0;transform:translateY(14px)}
#mode-ranks .package-card{animation:fadeUp .5s ease both}
#mode-ranks .package-card:nth-child(2){animation-delay:.07s}
#mode-ranks .package-card:nth-child(3){animation-delay:.14s}
#mode-ranks .package-card:nth-child(4){animation-delay:.21s}
.mode-note{margin-top:14px;color:#9aa7bd;font-size:.82rem;text-align:center}
/* ===== COMING SOON animato ===== */
.coming-soon{grid-column:1/-1;text-align:center;padding:48px 20px;display:flex;flex-direction:column;align-items:center;gap:14px}
.cs-ring{width:110px;height:110px;border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:2.6rem;color:#5ED5FE;background:rgba(94,213,254,.08);border:2px solid rgba(94,213,254,.4);position:relative;animation:floatY 3s ease-in-out infinite alternate}
.cs-ring::after{content:"";position:absolute;inset:-10px;border-radius:100%;border:2px solid transparent;border-top-color:#5ED5FE;animation:alSpin 1.4s linear infinite}
.cs-title{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:.18em;background:linear-gradient(90deg,#5ED5FE,#ffffff,#5ED5FE);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shineMove 3s linear infinite}
/* ===== STAFF V2 ===== */
.staff-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:34px 0 6px}
.staff-head .page-title{margin:0}
.staff-count{display:inline-flex;align-items:center;gap:8px;background:rgba(94,213,254,.1);border:1px solid #22304a;color:#5ED5FE;font-weight:800;font-size:.75rem;letter-spacing:.1em;padding:8px 16px;border-radius:100px}
.staff-v2 .staff-card{padding:0 0 24px;text-align:center}
.staff-cover{height:86px;background:url("../assets/banner.jpg") center/cover;border-radius:18px 18px 0 0;position:relative}
.staff-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,18,32,.1),rgba(38,45,55,.92));border-radius:18px 18px 0 0}
.staff-v2 .staff-avatar{width:110px;height:110px;margin:-55px auto 10px;z-index:2}
.staff-v2 .staff-avatar img{width:110px;height:110px;border-radius:100%;image-rendering:pixelated;background:#20252e;padding:6px;background:linear-gradient(#20252e,#20252e) padding-box,linear-gradient(135deg,#5ED5FE,#1387ca) border-box;border:4px solid transparent}
.staff-status{position:absolute;bottom:8px;right:8px;width:20px;height:20px;border-radius:100%;background:#8AEF5B;border:4px solid #0e1c33;z-index:3;box-shadow:0 0 10px #8AEF5B}
.staff-v2 .staff-name{font-size:1.35rem}
.staff-v2 .staff-desc{padding:0 22px}
.staff-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}
.staff-tags span{font-size:.7rem;font-weight:800;letter-spacing:.06em;background:rgba(94,213,254,.1);border:1px solid rgba(94,213,254,.3);color:#9fd8f7;padding:5px 12px;border-radius:100px}
.staff-v2 .staff-card:nth-child(1){animation-delay:.05s}
.staff-v2 .staff-card:nth-child(2){animation-delay:.15s}
.staff-v2 .staff-card:nth-child(3){animation-delay:.25s}

/* MENU mobile */
@keyframes mOpen{0%{transform:translateX(-100%);display:flex}100%{transform:translateX(0%)}}
@keyframes mClose{0%{transform:translateX(0%)}100%{display:none;transform:translateX(-100%)}}
.menu.close{transform:translateX(0%);display:none}
.menu{z-index:100;display:flex;flex-direction:column;width:280px;max-width:85%;height:100%;position:fixed;top:0;left:0;background:#131b30}
.menu .title{border-bottom:1px solid rgba(134,142,163,.25);background:#0e1526;padding:20px;font-size:20px;font-weight:800;color:#868ea3}
.menu .list li{width:100%;border-bottom:1px solid rgba(255,255,255,.06)}
.menu .list li a{color:#c6d2e6;padding:18px 20px;display:block;font-weight:800}
.menu .list li a:hover{background:#1b2740}
.menu-btn{display:none;font-size:28px;color:#fff;padding:10px 16px;cursor:pointer}

/* toast + modal */
.copy-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--block-light);border:2px solid var(--primary);padding:12px 22px;border-radius:10px;opacity:0;pointer-events:none;transition:.25s;z-index:9999;font-weight:700}
.copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.pkg-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}
.pkg-modal{background:var(--block);border:3px solid var(--border);border-radius:12px;max-width:460px;width:100%;padding:24px;position:relative;text-align:center}
.pkg-modal-close{position:absolute;top:10px;right:10px;background:var(--block-dark);border:2px solid var(--border);color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer}
.pkg-price{color:var(--primary);font-weight:800;font-size:1.3rem}

/* ===== STAFF ANIMATO ===== */
.staff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:6px}
.staff-card{position:relative;background:linear-gradient(165deg,rgba(24,52,90,.95),rgba(9,15,30,.97));border:1px solid rgba(94,213,254,.28);border-radius:20px;padding:0 0 24px;text-align:center;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s;will-change:transform;box-shadow:0 12px 34px rgba(0,0,0,.5)}
.staff-card:hover{transform:translateY(-10px);border-color:#5ED5FE;box-shadow:0 20px 46px rgba(0,0,0,.55),rgba(94,213,254,.4) 0 0 34px 3px}
.staff-card::before{content:"";position:absolute;top:0;left:-60%;width:50%;height:100%;background:linear-gradient(105deg,transparent,rgba(94,213,254,.18),transparent);transform:skewX(-20deg);animation:barShine 3.8s ease-in-out infinite}
.staff-card::after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#5ED5FE,#1387ca,#5ED5FE);background-size:200% 100%;animation:shineMove 4s linear infinite}
@keyframes shineMove{0%{background-position:0% 0}100%{background-position:200% 0}}
.staff-card:hover{transform:translateY(-10px);border-color:#5ED5FE;box-shadow:0 20px 46px rgba(0,0,0,.55),rgba(94,213,254,.4) 0 0 34px 3px}
.staff-avatar{position:relative;width:120px;height:120px;margin:0 auto 14px;animation:floatY 4s ease-in-out infinite alternate}
.staff-v2 .staff-card:nth-child(2) .staff-avatar{animation-delay:.7s}
.staff-v2 .staff-card:nth-child(3) .staff-avatar{animation-delay:1.4s}
.staff-avatar{position:relative;width:120px;height:120px;margin:0 auto 14px}
.staff-avatar img{width:120px;height:120px;border-radius:100%;image-rendering:pixelated;border:4px solid #5ED5FE;background:#20252e;transition:.3s}
.staff-card:hover .staff-avatar img{transform:scale(1.07);animation:ringPulse 1.2s ease-out}
.staff-crown{position:absolute;top:-24px;left:50%;transform:translateX(-50%) rotate(-8deg);font-size:1.5rem;color:#5ED5FE;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));animation:floatY 2.6s ease-in-out infinite alternate}
.staff-name{font-size:1.3rem;font-weight:900}
.staff-role{display:inline-block;margin:8px 0 10px;font-size:.75rem;font-weight:900;letter-spacing:.1em;padding:6px 14px;border-radius:100px;background:rgba(94,213,254,.14);color:#5ED5FE;border:1px solid #333e4c}
.staff-role.owner{background:#5ED5FE;color:#004d95;border:none;box-shadow:rgba(94,213,254,.5) 2px 2px 16px 2px}
.staff-desc{font-size:.85rem;color:#9aa7bd;font-weight:600;line-height:1.7}
.staff-socials{display:flex;gap:8px;justify-content:center;margin-top:14px}
.staff-socials a{width:38px;height:38px;border-radius:100%;background:rgba(94,213,254,.08);border:1px solid rgba(94,213,254,.3);display:flex;align-items:center;justify-content:center;color:#9fd8f7;transition:.25s}
.staff-socials a:hover{background:#5ED5FE;color:#004d95;transform:translateY(-3px)}

@media(max-width:1024px){.logo-info .info{display:none}.bottom .center .inner{grid-template-columns:1fr 1fr}.al-nav{display:none}.al-header .menu-btn{display:flex!important}}
@media(max-width:880px){.home-modules-row{grid-template-columns:1fr}.bottom .center .inner{grid-template-columns:1fr}}
@media(max-width:560px){.top .inner .nav{display:none}.menu-btn{display:flex}}

/* ===== FIX RESPONSIVE & TELEFONO ===== */
.top .inner{width:100%}
.nick-row input{min-width:0;flex:1}
.co-nav{flex-wrap:wrap}
.staff-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
@media(max-width:560px){
  .container{padding:0 15px}
  .al-brand span{display:none}
  .al-ip-btn{padding:8px 14px;font-size:.78rem}
  .al-ip-btn b{font-size:.78rem}
  .loading-txt{letter-spacing:.24em;font-size:.62rem}
  .hero-badge{font-size:.66rem;letter-spacing:.06em;text-align:center}
  .join-step{min-width:0;width:100%}
  .co-card{padding:20px 16px}
  .co-steps{gap:6px}
  .co-dot small{display:none}
  .co-nav .btn-store,.co-nav .btn-ghost{flex:1;justify-content:center}
  .mode-panel{padding:16px 14px}
  .package-card-actions{flex-wrap:wrap}
  .trust-row span{min-width:46%}
  .pay-tabs{flex-direction:column}
  .order-box b{font-size:1.2rem;word-break:break-all}
  .copy-line{font-size:.82rem}
  .announce-inner{font-size:.78rem;text-align:center}
  .cd-block{min-width:48px;padding:3px 7px}
  .discord-cta{padding:20px 16px}
  .faq-q{font-size:.86rem}
  .pkg-modal{padding:20px 16px}
  .copy-toast{max-width:92vw;font-size:.85rem}
  .staff-role{font-size:.66rem}
  .bottom .center .inner .c{width:100%;max-width:400px}
}
@media(max-width:380px){
  .al-discord-btn{display:none}
  .category-grid,.packages-grid,.staff-grid{grid-template-columns:1fr}
  .cs-title{letter-spacing:.1em}
}