/* mythoryvoryxa.xyz - Cosmic Purple & Magenta - Space-Inspired */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Nunito+Sans:wght@300;400;600;700&display=swap');

:root{--space:#0b0020;--nebula:#6b21a8;--magenta:#d946ef;--star:#fde68a;--txt:#e2d5f3;--card:#1a0a3e;--muted:#7c3aed;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Nunito Sans',sans-serif;background:var(--space);color:var(--txt);line-height:1.75;}
h1,h2,h3{font-family:'Orbitron',sans-serif;color:var(--star);}
a{color:var(--magenta);text-decoration:none;transition:.3s;}a:hover{color:#fff;}

.nav{background:rgba(11,0,32,.95);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(217,70,239,.2);}
.nav-c{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;}
.brand{font-family:'Orbitron',sans-serif;font-size:1.3rem;font-weight:700;color:var(--magenta);display:flex;align-items:center;gap:.5rem;}
.brand svg{width:30px;height:30px;}
.links{display:flex;list-style:none;gap:1.6rem;}
.links a{color:var(--txt);font-weight:600;font-size:.84rem;opacity:.7;}.links a:hover,.links a.on{opacity:1;color:var(--magenta);}
.tog{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;}.tog span{width:24px;height:2px;background:var(--magenta);border-radius:2px;}

.splash{background:linear-gradient(160deg,var(--space),#1a0545,var(--space));text-align:center;padding:6rem 2rem;position:relative;overflow:hidden;}
.splash::after{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(217,70,239,.08),transparent 70%);top:-200px;right:-200px;}
.splash h1{font-size:2.8rem;margin-bottom:1rem;position:relative;z-index:1;}.splash h1 em{color:var(--magenta);font-style:normal;}
.splash p{max-width:660px;margin:0 auto 2rem;opacity:.8;font-size:1.05rem;position:relative;z-index:1;}
.btn-m{display:inline-block;background:linear-gradient(135deg,var(--magenta),var(--nebula));color:#fff;padding:.9rem 2.5rem;border-radius:50px;font-weight:700;transition:.3s;position:relative;z-index:1;}.btn-m:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(217,70,239,.25);color:#fff;}

.bar{background:linear-gradient(90deg,var(--nebula),var(--magenta));padding:.8rem 2rem;display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;}
.bar-i{font-weight:700;color:#fff;font-size:.88rem;display:flex;align-items:center;gap:.4rem;}

.s{max-width:1400px;margin:0 auto;padding:4rem 2rem;}
.sd{background:var(--card);padding:4rem 2rem;}.sd .si{max-width:1400px;margin:0 auto;}
.s h2,.sd h2{font-size:1.8rem;margin-bottom:1.5rem;text-align:center;}

.gr{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;}
.cd{background:var(--space);border:1px solid rgba(124,58,237,.2);border-radius:12px;padding:2rem;transition:.3s;}.cd:hover{border-color:var(--magenta);transform:translateY(-3px);}
.cd h3{font-size:1.15rem;margin-bottom:.6rem;color:var(--magenta);}.cd p{font-size:.93rem;opacity:.78;}

.gf{max-width:960px;margin:2rem auto;border:2px solid var(--magenta);border-radius:14px;overflow:hidden;box-shadow:0 0 50px rgba(217,70,239,.08);}
.gf iframe{width:100%;height:600px;border:none;display:block;}

.ng{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem;}
.ni{text-align:center;background:var(--space);border-radius:10px;padding:1.5rem;border:1px solid rgba(124,58,237,.1);}.ni .v{font-family:'Orbitron',sans-serif;font-size:2.2rem;color:var(--star);font-weight:700;}.ni .l{font-size:.8rem;opacity:.5;margin-top:.3rem;}

.ft{background:var(--space);border-top:1px solid var(--card);padding:2.5rem 2rem;text-align:center;}
.fr{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem;}.fr a{color:var(--txt);opacity:.5;font-size:.85rem;}.fr a:hover{opacity:1;color:var(--magenta);}
.fc{font-size:.72rem;opacity:.3;margin-top:1rem;}

.ao{position:fixed;inset:0;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:9999;}
.ab{background:var(--card);border:2px solid var(--magenta);border-radius:16px;padding:3rem;text-align:center;max-width:430px;width:90%;}
.ab h2{font-size:1.6rem;margin-bottom:1rem;}.ab p{margin-bottom:2rem;opacity:.8;}
.ab .btns{display:flex;gap:1rem;justify-content:center;}
.ab button{padding:.8rem 2rem;border:none;border-radius:50px;font-weight:700;font-size:.95rem;cursor:pointer;transition:.3s;}.ab button:hover{transform:scale(1.05);}
.ab .y{background:var(--magenta);color:#fff;}.ab .n{background:transparent;border:2px solid var(--magenta)!important;color:var(--magenta);}

.pg{max-width:860px;margin:0 auto;padding:4rem 2rem;}
.pg h1{font-size:2.2rem;margin-bottom:1.5rem;}.pg h2{font-size:1.3rem;color:var(--magenta);margin-top:2.5rem;margin-bottom:1rem;text-align:left;}.pg p{margin-bottom:1.1rem;opacity:.88;}.pg ul{margin:1rem 0 1.5rem 1.5rem;}.pg li{margin-bottom:.5rem;opacity:.82;}

@media(max-width:768px){.tog{display:flex;}.links{display:none;position:absolute;top:64px;left:0;right:0;background:rgba(11,0,32,.98);flex-direction:column;padding:1.5rem 2rem;border-bottom:1px solid var(--magenta);}.links.vis{display:flex;}.splash h1{font-size:1.9rem;}.gr{grid-template-columns:1fr;}.ng{grid-template-columns:1fr 1fr;}.gf iframe{height:380px;}}