@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;700;900&family=Rajdhani:wght@600;700&display=swap');*{box-sizing:border-box}body{margin:0;background:#040406;color:#f8f4ff;font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}header{position:relative;z-index:5;margin:20px auto;width:min(1500px,calc(100% - 40px));min-height:78px;padding:0 30px;border:1px solid #8f35e8;border-radius:20px;background:#09090ecc;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;box-shadow:0 0 30px #751fd52b,inset 0 0 25px #9e36ff0d}.logo{font:900 40px Rajdhani;color:#fff;letter-spacing:3px;text-shadow:0 0 12px #b44cff,0 0 30px #7f22d966}nav{display:flex;gap:8px}nav a{padding:14px 16px;color:#aaa3b5;border-radius:10px;font-weight:700;transition:.25s}nav a:hover,nav .active{color:#fff;background:#a03cff14;box-shadow:inset 0 -2px #b44cff;text-shadow:0 0 12px #b44cff}.hero{min-height:calc(100vh - 118px);position:relative;display:grid;place-items:center;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,#781edc38,transparent 35%),linear-gradient(#050507,#10051a 65%,#050507)}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 55%,#6f1bc426,transparent 25%),radial-gradient(circle at 80% 55%,#6f1bc426,transparent 25%);opacity:.9}.content{position:relative;max-width:1000px;padding:50px 20px}.content small,.pvp>small{letter-spacing:6px;color:#c06cff;font-weight:900}.content h1{font:900 clamp(100px,18vw,245px)/.72 Rajdhani;margin:18px 0 0;background:linear-gradient(#fff,#e2d3ff 38%,#8b2ee2 82%,#42106e);-webkit-background-clip:text;color:transparent;text-shadow:0 0 40px #a03cff55}.content h2{font:700 clamp(32px,5vw,68px) Rajdhani;letter-spacing:20px;margin:22px 0;color:#fff;text-shadow:0 0 18px #b44cff}.line{color:#bd55ff;margin:20px;font-size:20px}.content p{max-width:680px;margin:auto;color:#b8b0c0;line-height:1.8}.buttons{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:30px}.btn{min-width:245px;padding:17px 24px;border:1px solid #9f3cff;border-radius:10px;background:#0d0815cc;box-shadow:0 0 25px #9b35ff22;transition:.25s;font-weight:900}.btn:hover{transform:translateY(-4px);box-shadow:0 0 35px #a13dff55}.btn.main{background:linear-gradient(135deg,#7d26d4,#4a1595);border-color:#c06cff}footer{text-align:center;padding:30px;color:#6f6878;border-top:1px solid #9d3cff22;letter-spacing:3px;font-size:11px}.pvp{max-width:1450px;margin:auto;padding:65px 25px 100px;text-align:center}.back{display:inline-block;float:left;padding:10px 15px;border:1px solid #9d3cff55;border-radius:9px;color:#aaa2b1}.pvp h1{font:900 clamp(50px,7vw,90px) Rajdhani;margin:15px 0}.pvp h1 em{font-style:normal;color:#b44cff}.pvp>p{color:#aaa2b1}.pvp #grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;text-align:left}.card{position:relative;min-height:220px;padding:28px;border:1px solid #9b3cff55;border-radius:16px;background:linear-gradient(145deg,#120c19,#08080c);transition:.3s;cursor:pointer}.card:hover{transform:translateY(-6px);border-color:#b44cff;box-shadow:0 15px 35px #8625c52e}.card .icon{font-size:42px;color:#c25aff;text-shadow:0 0 20px #b44cff88}.card h2{font:700 31px Rajdhani;margin:25px 0 7px}.card p{color:#918999;font-size:13px;line-height:1.6}.card b{position:absolute;right:22px;bottom:20px;color:#b44cff}#info{display:none;text-align:left;margin-top:25px;padding:35px;border:1px solid #a03cff;border-radius:16px;background:#0d0813;box-shadow:0 0 35px #8625c533}#info.open{display:block}#info h2{font:700 48px Rajdhani;margin:8px 0 25px}#info h2 span{color:#b44cff}#info h3{font-size:13px;letter-spacing:2px;color:#c05cff;margin:22px 0 8px}#info p{color:#b3abb9;line-height:1.8;margin:0}@media(max-width:900px){header{padding:0 15px}.logo{font-size:28px}nav{overflow:auto}nav a{font-size:11px;padding:11px 8px;white-space:nowrap}.pvp #grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){header{width:calc(100% - 20px);margin:10px auto;min-height:65px}.logo{font-size:23px}nav{max-width:68%}.hero{min-height:calc(100vh - 85px)}.content h2{letter-spacing:8px}.buttons{width:min(360px,100%);margin:30px auto}.btn{min-width:100%}.pvp{padding:40px 15px}.pvp #grid{grid-template-columns:1fr}.back{float:none;margin-bottom:25px}}