/* ASFIXSMP — redesign premium 2026 */
:root{--bg:#070a12;--panel:rgba(17,23,39,.82);--line:rgba(167,180,255,.16);--purple:#9d6bff;--mint:#72f6c5;--text:#f7f8ff;--muted:#a6adc4;--font:'Space Grotesk',sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:radial-gradient(ellipse at 15% 0%,rgba(95,54,190,.2),transparent 34%),radial-gradient(ellipse at 90% 22%,rgba(39,175,154,.1),transparent 28%),#070a12;color:var(--text);font-family:var(--font);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px}.ambient{filter:blur(90px);opacity:.28}.topbar{position:sticky;top:12px;z-index:50;max-width:1240px;width:calc(100% - 32px);margin:12px auto 0;padding:10px 14px;border:1px solid var(--line);border-radius:22px;background:rgba(9,12,23,.82);backdrop-filter:blur(22px);box-shadow:0 14px 50px #0005}.brand-logo{width:48px;height:48px;object-fit:contain;border-radius:13px}.nav-link{font-size:.84rem;color:#b9bfd3;transition:.2s}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active:after{background:linear-gradient(90deg,var(--purple),var(--mint))}.nav-cta,.button-primary{background:linear-gradient(115deg,#8d5bff,#6543d6 55%,#4bdfb1);color:#080b14!important;border:0;box-shadow:0 8px 28px #8c5bff33;transition:transform .22s,box-shadow .22s}.nav-cta:hover,.button-primary:hover{transform:translateY(-3px);box-shadow:0 14px 35px #8c5bff55}.button{border-radius:13px;font-weight:700;letter-spacing:-.01em}.button-ghost{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#fff}.hero{min-height:650px;padding-top:90px;padding-bottom:90px;align-items:center;gap:48px}.hero-copy{max-width:590px}.eyebrow,.section-kicker{font-family:'DM Mono',monospace;letter-spacing:.14em;font-size:.72rem;color:var(--mint)}.eyebrow{border:1px solid #72f6c533;background:#72f6c50b;padding:10px 14px;border-radius:999px;display:inline-flex;align-items:center;gap:10px}.hero h1{font-size:clamp(3.4rem,6.5vw,6.1rem);line-height:.98;letter-spacing:-.075em;margin:24px 0}.gradient-text{background:linear-gradient(105deg,#c7a8ff 0%,#9d6bff 40%,#72f6c5 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description,.vote-copy p,.section-heading p{color:var(--muted);line-height:1.8;font-size:1rem}.hero-art{min-height:450px;border-radius:32px;border:1px solid #a18aff33;background:radial-gradient(circle at 50% 25%,#473278 0,transparent 46%),linear-gradient(145deg,#17172e,#0c1723 68%,#102d2a);box-shadow:inset 0 1px #fff1,0 30px 100px #0006;overflow:hidden;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:14px;border:1px solid #ffffff0c;border-radius:23px;pointer-events:none}.hero-logo-image{filter:drop-shadow(0 12px 40px #a174ff55);max-width:65%;z-index:3}.art-badge{background:#0b101ed9;border:1px solid var(--line);border-radius:15px;padding:12px 16px;backdrop-filter:blur(14px)}.art-caption{color:#c7cce0;font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.13em}.floating-cube{background:linear-gradient(145deg,#a77aff,#5033a8);box-shadow:0 12px 32px #6c44ce55;border:1px solid #ffffff3b;border-radius:13px}.stats-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:-20px;position:relative;z-index:4}.stat-card,.vote-card,.store-card,.feature-card,.join-card,.staff-card,.community-card{background:linear-gradient(145deg,rgba(21,27,46,.88),rgba(11,16,29,.88));border:1px solid var(--line);border-radius:22px;box-shadow:inset 0 1px #ffffff08,0 18px 55px #0002;transition:transform .25s,border-color .25s,background .25s}.stat-card{padding:24px;display:flex;align-items:center;gap:17px}.stat-card:hover,.store-card:hover,.feature-card:hover,.staff-card:hover{transform:translateY(-5px);border-color:#9d6bff66}.stat-icon,.vote-card-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:15px;background:linear-gradient(145deg,#9d6bff2b,#72f6c51b);border:1px solid #9d6bff3b;color:var(--mint);font-size:1.2rem}.stat-label{font-family:'DM Mono',monospace;color:#9da7c2;font-size:.66rem;letter-spacing:.1em}.stat-card strong{display:block;font-size:2rem;letter-spacing:-.05em;margin:5px 0}.stat-card small{color:#8992aa}.vote-section,.features,.store-section,.join-section,.staff-section,.community{padding-top:110px;padding-bottom:35px}.vote-section{display:grid;grid-template-columns:1fr .9fr;gap:45px;align-items:center}.vote-copy h2,.section-heading h2{font-size:clamp(2.3rem,4vw,3.8rem);line-height:1.05;letter-spacing:-.065em;margin:17px 0}.vote-card{padding:27px;display:grid;grid-template-columns:auto 1fr;gap:17px;align-items:center}.vote-card-text strong,.vote-card-text span{display:block}.vote-card-text span{color:var(--muted);font-size:.87rem;line-height:1.6;margin-top:5px}.vote-card .button{grid-column:1/-1;text-align:center}.vote-disclaimer{grid-column:1/-1;color:#838ba2;font-size:.78rem;line-height:1.6}.section-heading{margin-bottom:35px}.section-heading.center{text-align:center}.store-grid,.feature-grid,.staff-grid{gap:18px}.store-card{padding:25px;position:relative;overflow:hidden}.store-card:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-90px;top:-100px;background:#9d6bff20;filter:blur(4px)}.store-card-featured{border-color:#9d6bff80;background:linear-gradient(145deg,#251c43dd,#111b2add)}.item-symbol{border-radius:16px;background:#9d6bff19;border:1px solid #9d6bff3b;color:#cbb0ff;width:52px;height:52px;display:grid;place-items:center;font-size:1.6rem;margin-bottom:20px}.item-type{font-family:'DM Mono',monospace;font-size:.67rem;letter-spacing:.14em;color:var(--mint)}.store-card h3{font-size:1.45rem;margin:9px 0}.store-card p{color:var(--muted);line-height:1.65;min-height:52px}.item-bottom{display:flex;flex-direction:column;gap:15px;margin-top:24px}.item-bottom strong{font-size:1.9rem;letter-spacing:-.05em}.item-bottom .button{width:100%;text-align:center}.features .feature-card{padding:26px}.feature-card h3{margin:16px 0 8px}.feature-card p{color:var(--muted);line-height:1.7}.feature-icon{background:#72f6c512;color:var(--mint);border:1px solid #72f6c533;border-radius:15px}.join-section{border-radius:30px}.join-card{padding:35px}.server-address{background:#080d18;border:1px solid #a18aff2b;border-radius:14px;padding:14px 16px;color:#d7c5ff}.staff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:800px;margin:0 auto}.staff-card{padding:32px;text-align:center;position:relative;overflow:hidden}.staff-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,#9d6bff1d,transparent 55%);pointer-events:none}.staff-avatar{margin:0 auto 18px;width:86px;height:86px;display:grid;place-items:center;border-radius:27px;background:linear-gradient(145deg,#9d6bff,#28204d 70%);border:1px solid #d8c2ff66;box-shadow:0 12px 35px #9d6bff33;font-size:2rem;color:white}.staff-card h3{font-size:1.5rem}.staff-card p{color:var(--muted)}.staff-role{display:inline-flex;border-radius:999px;padding:7px 12px;background:#72f6c512;border:1px solid #72f6c533;color:var(--mint);font: .68rem 'DM Mono',monospace;letter-spacing:.1em}.community-card{padding:26px}.footer{border-top:1px solid var(--line);margin-top:90px;padding:35px 20px;color:#939bb1}.footer a{color:var(--mint)}.vote-link,.payment-link{white-space:normal}.menu-toggle{border:1px solid var(--line);background:#ffffff08;color:#fff;border-radius:10px;padding:8px 12px}.scroll-cue{color:#828ba5;font-family:'DM Mono',monospace;letter-spacing:.12em;font-size:.65rem}
@media(max-width:900px){.topbar{top:6px}.hero{padding-top:65px;min-height:auto;grid-template-columns:1fr}.hero-art{min-height:380px}.stats-section{grid-template-columns:1fr}.vote-section{grid-template-columns:1fr}.vote-disclaimer{grid-column:auto}.store-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{background:#0b1020;border:1px solid var(--line);border-radius:16px;padding:12px}.nav-cta{display:none}}
@media(max-width:600px){.topbar{width:calc(100% - 20px);padding:8px 10px}.brand-logo{width:40px;height:40px}.hero h1{font-size:clamp(3.1rem,15vw,4.6rem)}.hero-art{min-height:300px;border-radius:23px}.stats-section{margin-top:0}.stat-card{padding:19px}.vote-section,.features,.store-section,.join-section,.staff-section,.community{padding-top:75px}.store-grid,.feature-grid,.staff-grid{grid-template-columns:1fr}.store-card{padding:23px}.vote-card{padding:20px}.join-card{padding:22px}.section-heading h2,.vote-copy h2{font-size:2.5rem}.footer{margin-top:60px}}


/* HERO ART REWORK — cleaner, cinematic and responsive */
.hero-art{
  position:relative; min-height:520px; border-radius:30px; overflow:hidden; isolation:isolate;
  display:flex; align-items:center; justify-content:center;
  border:1px solid rgba(190,165,255,.28);
  background:
    radial-gradient(ellipse at 50% 42%,rgba(155,91,255,.42),transparent 36%),
    radial-gradient(ellipse at 82% 78%,rgba(46,211,186,.17),transparent 35%),
    linear-gradient(145deg,#11172b 0%,#17112d 47%,#091a24 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 28px 80px rgba(0,0,0,.38);
}
.hero-art:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.075);border-radius:22px;pointer-events:none;z-index:5}
.hero-art:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(7,9,20,.02) 45%,rgba(7,9,20,.72) 100%),radial-gradient(ellipse at 50% 100%,rgba(157,107,255,.24),transparent 55%)}
.hero-art .art-glow{position:absolute;width:70%;height:58%;left:15%;top:18%;border-radius:50%;background:#8e48ff;filter:blur(75px);opacity:.34;z-index:0}
.hero-logo-image{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-48%);width:min(86%,480px);max-width:none;max-height:66%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.55)) drop-shadow(0 0 24px rgba(162,83,255,.5));mix-blend-mode:screen}
.art-badge{position:absolute;left:28px;top:28px;z-index:6;display:flex;align-items:center;gap:11px;padding:12px 16px;border-radius:16px;background:rgba(8,12,27,.78);border:1px solid rgba(206,185,255,.2);box-shadow:0 8px 28px rgba(0,0,0,.2);backdrop-filter:blur(16px)}
.art-badge b{display:block;font-size:.77rem;letter-spacing:.1em;color:#fff}.art-badge small{display:block;margin-top:4px;font-size:.58rem;letter-spacing:.14em;color:#b8a6df}
.badge-spark{color:#d8b4fe;font-size:1.3rem}
.pixel-sun{position:absolute;z-index:0;width:100px;height:100px;right:18%;top:20%;border-radius:50%;background:linear-gradient(135deg,#e4c6ff,#8f5de6);opacity:.6;filter:blur(.5px);box-shadow:0 0 70px rgba(177,114,255,.38)}
.mountain{opacity:.2;filter:blur(1px)}.mountain-back{border-bottom-color:#7950ac}.mountain-front{border-bottom-color:#382751}
.block-field{position:absolute;left:0;right:0;bottom:0;height:18%;z-index:2;display:flex;align-items:stretch;opacity:.28;filter:saturate(.8)}
.block{flex:1;min-width:0}.art-caption{position:absolute;z-index:6;left:30px;bottom:28px;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:999px;background:rgba(8,12,27,.72);border:1px solid rgba(206,185,255,.16);font-size:.65rem;backdrop-filter:blur(12px)}
.caption-line{display:inline-block;width:24px;height:2px;background:linear-gradient(90deg,#bd8aff,#72f6c5)}
.floating-cube{z-index:4;box-shadow:0 12px 28px rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(6px)}
.cube-one{right:12%;top:48%}.cube-two{left:13%;bottom:27%}
@media(max-width:760px){.hero-art{min-height:350px;border-radius:24px}.hero-art:before{inset:8px;border-radius:17px}.hero-logo-image{width:92%;max-height:58%}.art-badge{left:18px;top:18px;padding:9px 12px}.art-caption{left:18px;bottom:18px;font-size:.58rem}.pixel-sun{width:72px;height:72px;right:14%;top:24%}.cube-one{right:9%;top:54%}.cube-two{left:8%;bottom:25%}}

/* Formulaire de paiement : pseudo Minecraft obligatoire */
.payment-form{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:12px}
.minecraft-name-label{font-size:.76rem;font-weight:700;letter-spacing:.04em;color:#d8c9ff}
.minecraft-name-input{width:100%;box-sizing:border-box;border:1px solid rgba(184,146,255,.38);background:rgba(10,9,24,.78);color:#fff;border-radius:10px;padding:12px 13px;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}
.minecraft-name-input::placeholder{color:#8d86a5}
.minecraft-name-input:focus{border-color:#b58aff;box-shadow:0 0 0 3px rgba(164,106,255,.16)}
.payment-form .payment-link{width:100%;cursor:pointer;font:inherit}
.payment-form .payment-link:disabled{opacity:.55;cursor:not-allowed}


/* Étape après paiement : récapitulatif et ticket Discord */
.purchase-followup[hidden]{display:none!important}
.purchase-followup{padding-top:24px;padding-bottom:48px;scroll-margin-top:28px}
.purchase-followup-card{max-width:820px;margin:0 auto;padding:clamp(22px,4vw,38px);border:1px solid rgba(184,146,255,.34);border-radius:24px;background:linear-gradient(145deg,rgba(33,22,57,.96),rgba(12,11,27,.98));box-shadow:0 24px 80px rgba(0,0,0,.24)}
.purchase-followup-card h2{margin:10px 0 12px;font-size:clamp(1.8rem,4vw,2.7rem)}
.purchase-followup-card>p{color:#c4bdd8;line-height:1.7}
.purchase-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
.purchase-summary>div{display:flex;flex-direction:column;gap:7px;padding:15px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);min-width:0}
.purchase-summary span{font-size:.72rem;color:#a99dbf;text-transform:uppercase;letter-spacing:.07em}
.purchase-summary strong{color:#fff;overflow-wrap:anywhere}
.purchase-followup-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}
.purchase-followup-actions .button{justify-content:center;cursor:pointer;font:inherit;text-align:center}
.purchase-followup-card .purchase-warning{font-size:.82rem;color:#b4abc8;border-top:1px solid rgba(255,255,255,.09);padding-top:16px;margin-bottom:0}
@media(max-width:620px){.purchase-summary{grid-template-columns:1fr}.purchase-followup-actions{flex-direction:column}.purchase-followup-actions .button{width:100%;box-sizing:border-box}}