:root{--bg:#120b14;--bg2:#1c1020;--gold:#f2c66d;--gold2:#c8913a;--rose:#e2557f;--rose2:#ff8fb1;--txt:#f5ecf2;--mut:#bfa9b8;--card:rgba(32,18,36,.78);--line:rgba(242,198,109,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#120b14;overflow-x:hidden}
body{margin:0;background:linear-gradient(180deg,#1a0e1d,#120b14 40%,#170c19);color:var(--txt);font:16px/1.6 Nunito,system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3{font-family:Cinzel,Georgia,serif;margin:.2em 0}a{color:var(--gold)}
#petalos{position:fixed;inset:0;pointer-events:none;z-index:50}
.nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:10px 4vw;background:linear-gradient(#0d0710e6,#0d071000);backdrop-filter:blur(4px)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Cinzel;font-weight:700;color:var(--gold);font-size:1.15rem}.brand img{height:42px}
.nav nav{display:flex;gap:22px;align-items:center}.nav nav a{color:var(--txt);text-decoration:none;font-weight:600;font-size:.95rem}.nav nav a:hover{color:var(--gold)}
.burger{display:none;background:none;border:1px solid var(--line);color:var(--gold);font-size:1.4rem;border-radius:8px;padding:2px 10px}
.btn{display:inline-block;border:0;cursor:pointer;padding:13px 26px;border-radius:999px;font:700 1rem Nunito;color:#2a1206!important;text-decoration:none;background:linear-gradient(180deg,#ffe3a1,var(--gold) 45%,var(--gold2));box-shadow:0 6px 24px #e2557f40,inset 0 1px 0 #fff8;transition:.2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f2c66d55}.btn:disabled{filter:grayscale(.5) brightness(.8);cursor:not-allowed;transform:none}
.btn-ghost{background:rgba(20,10,22,.5);color:var(--gold)!important;border:1px solid var(--gold);box-shadow:none}.btn-sm{padding:8px 18px;font-size:.9rem}.btn-block{width:100%}
.hero{position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;padding:110px 5vw 70px}
.slides,.slides div{position:absolute;inset:0}.slides div{background:center/cover;opacity:0;animation:fade 24s infinite;transform:scale(1.08)}
.slides div:nth-child(2){animation-delay:6s}.slides div:nth-child(3){animation-delay:12s}.slides div:nth-child(4){animation-delay:18s}
@keyframes fade{0%{opacity:0}4%,25%{opacity:1}30%,100%{opacity:0;transform:scale(1)}}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#120b14f2 0,#120b14b0 45%,#120b1460 100%),linear-gradient(0deg,var(--bg) 0,transparent 30%)}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr minmax(300px,420px);gap:5vw;align-items:center;width:100%;max-width:1250px;margin:auto}
.eyebrow{color:var(--rose2);letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;font-weight:700;margin:0}
.title{font-family:"Cinzel Decorative",Cinzel,serif;line-height:1;margin:.25em 0 .3em}
.title span{display:block;background:linear-gradient(180deg,#fff6d8 0,var(--gold) 45%,#b2702a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #5a2a14) drop-shadow(0 0 22px #e2557f66)}
.t1{font-size:clamp(2.6rem,6vw,4.6rem)}.t2{font-size:clamp(2.2rem,5.4vw,4.2rem)}
.lead{font-size:1.15rem;max-width:560px;color:#eadbe5}.lead b{color:var(--gold)}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}
.status-pill{display:inline-flex;gap:8px;align-items:center;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:#0008;font-size:.9rem}.dot{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.3}}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;backdrop-filter:blur(8px);box-shadow:0 20px 60px #0009,inset 0 1px 0 #ffffff14;position:relative}
.card:before{content:"";position:absolute;inset:6px;border:1px solid #f2c66d1c;border-radius:13px;pointer-events:none}
.form h2{color:var(--gold);font-size:1.6rem;text-align:center}.form .muted{text-align:center;margin-top:0}
.form label{display:block;font-weight:600;font-size:.9rem;margin:12px 0;color:#eadbe5}
.form input:not([type=checkbox]){display:block;width:100%;margin-top:5px;padding:11px 14px;border-radius:10px;border:1px solid #f2c66d40;background:#0d0710cc;color:var(--txt);font:inherit;outline:0;transition:.2s}
.form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f2c66d30}.form input.err{border-color:#ff5a7a;box-shadow:0 0 0 3px #ff5a7a30}
.check{display:flex!important;gap:8px;align-items:center;font-weight:400!important}.check input{accent-color:var(--rose)}
.form-msg{min-height:1.4em;text-align:center;font-size:.9rem;margin:10px 0 0}.form-msg.bad{color:#ff8a9e}.form-msg.ok{color:#8ff0b4}
.muted{color:var(--mut)}.small{font-size:.82rem}
.scroll{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:3;color:var(--gold);font-size:2rem;text-decoration:none;animation:bob 2s infinite}@keyframes bob{50%{transform:translate(-50%,8px)}}
.section{padding:90px 5vw;max-width:1250px;margin:auto;position:relative}
.head{text-align:center;margin-bottom:40px}.head h2{font-size:clamp(1.9rem,4vw,2.8rem);color:var(--gold)}
.head h2:after{content:"❀";display:block;font-size:1rem;color:var(--rose);margin-top:6px}
.grid{display:grid;gap:22px}.features{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:1fr 1fr}
.feat{position:relative;overflow:hidden;border-radius:18px;padding:26px;min-height:230px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;transition:.35s}
.feat:before{content:"";position:absolute;inset:0;background:var(--bg) center/cover;z-index:-2;transition:.6s;filter:saturate(1.1)}
.feat:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#120b14 15%,#120b14b5 55%,#120b1440);z-index:-1}
.feat:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 18px 40px #e2557f33}.feat:hover:before{transform:scale(1.08)}
.feat .num{font:900 2.4rem "Cinzel Decorative",serif;color:var(--gold);text-shadow:0 0 18px #e2557f88;line-height:1}
.feat h3{color:#fff;font-size:1.2rem}.feat p{margin:0;color:#dccbd6}
.worlds{overflow:hidden;padding:10px 0}.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.strip figure{margin:0;position:relative;overflow:hidden;aspect-ratio:16/10}.strip img{width:100%;height:100%;object-fit:cover;transition:.6s}.strip figure:hover img{transform:scale(1.1)}
.strip figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 14px 10px;background:linear-gradient(transparent,#000c);font:700 1.3rem Cinzel;color:var(--gold)}
.download,.community{max-width:none;background:linear-gradient(#120b14 0,#120b14b0 30%,#120b14b0 70%,#120b14 100%),var(--bg) center/cover}
.wide{max-width:1000px;margin:auto;display:flex;gap:30px;align-items:center;justify-content:space-between;flex-wrap:wrap}.wide h2{color:var(--gold);font-size:2rem}.dl{display:flex;flex-direction:column;gap:8px;align-items:center}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:s}
.steps li{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px 22px;text-align:center;position:relative}
.steps span{display:grid;place-items:center;width:58px;height:58px;margin:-55px auto 12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--rose2),var(--rose) 50%,#7a1d3c);border:2px solid var(--gold);font:900 1.5rem Cinzel;color:#fff;box-shadow:0 0 20px #e2557f88}
.steps h3{color:var(--gold);font-size:1.1rem}.steps p{margin:0;color:var(--mut)}
.placeholder-tag{display:inline-block;border:1px dashed var(--rose2);color:var(--rose2);border-radius:999px;padding:4px 14px;font-size:.85rem}
.card h3{color:var(--gold)}.rank{width:100%;border-collapse:collapse}.rank th,.rank td{padding:10px;text-align:left;border-bottom:1px solid #f2c66d1f}.rank th{color:var(--rose2);font-size:.85rem;text-transform:uppercase}
.rank tr:nth-child(1) td:first-child{color:#ffd76a}.rank tr:nth-child(2) td:first-child{color:#d8dbe6}.rank tr:nth-child(3) td:first-child{color:#e0a06a}
.status ul{list-style:none;padding:0;margin:0}.status li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f2c66d1f}.pend{color:var(--rose2)}
.social{display:flex;gap:22px;justify-content:center;flex-wrap:wrap}
.soc{min-width:240px;padding:22px 30px;border-radius:16px;text-decoration:none;color:#fff!important;display:flex;flex-direction:column;align-items:center;border:1px solid #fff3;transition:.25s}.soc b{font:700 1.4rem Cinzel}
.discord{background:linear-gradient(135deg,#5865f2cc,#3b2a8acc)}.whatsapp{background:linear-gradient(135deg,#25d366cc,#0d6e4fcc)}.soc:hover{transform:translateY(-4px)}
.footer{text-align:center;padding:50px 5vw 40px;border-top:1px solid var(--line);background:#0b060d}.footer p{margin:6px 0}
.reveal{opacity:0;transform:translateY(30px);transition:.8s}.reveal.in{opacity:1;transform:none}
@media(max-width:980px){.hero-inner{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr;row-gap:50px}.strip{grid-template-columns:1fr 1fr}.hero-text{text-align:center}.lead{margin:auto}.cta{justify-content:center}}
@media(max-width:760px){.burger{display:block}.nav nav{display:none;position:absolute;top:62px;left:0;right:0;flex-direction:column;background:#120b14f5;padding:20px;border-bottom:1px solid var(--line)}.menu .nav nav{display:flex}
.features,.two,.steps{grid-template-columns:1fr}.section{padding:70px 6vw}.hero{padding-top:90px}.wide{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.slides div:first-child{opacity:1}}
@media(max-width:760px){.hero-shade{background:linear-gradient(0deg,var(--bg) 0,#120b14c0 30%,#120b14b8 100%)}.hero-inner{gap:34px}}
