.mi-container{max-width:1100px;margin:0 auto;padding:0 20px}.banner_part{background-image:radial-gradient(900px 500px at 20% 30%,#9841ff38,#0000 60%),radial-gradient(900px 520px at 80% 20%,#00d4ff29,#0000 55%),linear-gradient(#100a1f8c,#100a1feb),url(/img/hero.png);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:120px 20px 90px;display:flex;position:relative;overflow:hidden}.banner_part:after{content:"";pointer-events:none;z-index:2;background:radial-gradient(900px 500px at 50% 45%,#ffffff0f,#0000 65%),linear-gradient(90deg,#100a1fd9,#100a1f47,#100a1fd9);position:absolute;inset:0}.hero-wrapper{z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex;position:relative}.hero-center{z-index:3;text-align:center;max-width:920px;margin:auto;position:relative}.hero-subtitle{color:#ffffffc7;letter-spacing:1px;text-transform:none;margin-bottom:20px;font-size:clamp(14px,1.2vw,18px)}.hero-title{text-shadow:0 18px 55px #00000059;flex-direction:column;margin:0 0 36px;font-size:clamp(36px,6.2vw,78px);font-weight:900;line-height:1.03;display:flex}.gradient-text{background:var(--gradient);-webkit-text-fill-color:transparent;background-size:260% 100%;-webkit-background-clip:text;padding-bottom:10px;animation:4.5s ease-in-out infinite gradientMove}.pading{padding-bottom:10px}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-gaming{letter-spacing:1px;color:#fff;background-color:#0000;background-image:linear-gradient(#0f0b1a,#0f0b1a),linear-gradient(90deg,#f0c,#9841ff,#00d4ff);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000;border-radius:10px;padding:12px 30px;font-family:Oxanium,cursive;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-block;position:relative;overflow:hidden}.btn-gaming:before{content:"";background:linear-gradient(120deg,#fff0 0%,#ffffff73 50%,#fff0 100%);width:50%;height:100%;transition:left .65s;position:absolute;top:0;left:-75%;transform:skew(-25deg)}.btn-gaming:hover:before{left:130%}.btn-gaming:hover{box-shadow:0 0 22px #9841ffbf}@media (prefers-reduced-motion:reduce){.stars-layer,.nebula-layer,.gradient-text{animation:none!important}.stars-layer,.nebula-layer{transition:none!important}}.banner_text{z-index:3;align-items:flex-start;width:100%;display:flex;position:relative}.banner_text_iner{width:100%}.banner_text_iner h1{text-shadow:0 18px 55px #00000059;white-space:nowrap;margin:0 0 16px;font-family:Oxanium,cursive;font-size:clamp(36px,6.2vw,78px);font-weight:900;line-height:1.03;overflow:visible}.banner_text_iner .gradient-text{background:var(--gradient);-webkit-text-fill-color:transparent;background-size:260% 100%;-webkit-background-clip:text;padding-bottom:10px;animation:4.5s ease-in-out infinite gradientMove;display:inline-block}.light .banner_part{background:#fff!important}.light .banner_part:after{display:none!important}.light .hero-subtitle{color:#000000b3}.light .hero-title{text-shadow:none;color:var(--text-primary)}.hero-center{order:1}.btn-gaming{order:2;margin-top:20px;display:inline-block!important}.btn-3d{order:3}.light .btn-3d{width:180px;height:60px;transform-style:preserve-3d;text-decoration:none;transition:transform 2.5s;position:relative;transform:perspective(1000px)rotateX(0);display:flex!important}.light .btn-3d:hover{transform:perspective(1000px)rotateX(360deg)}.light .btn-3d span{letter-spacing:2px;text-transform:uppercase;color:#000;box-sizing:border-box;backface-visibility:visible;background:#fffffff2;border:2px solid #000;justify-content:center;align-items:center;font-family:Oxanium,sans-serif;font-size:14px;font-weight:700;transition:all .4s;display:flex;position:absolute;inset:0}.light .btn-3d:hover span{color:#fff;background:var(--purple);border-color:#000}.light .btn-3d span:first-child{transform:rotateX(360deg)translateZ(30px)}.light .btn-3d span:nth-child(2){transform:rotateX(270deg)translateZ(30px)}.light .btn-3d span:nth-child(3){transform:rotateX(180deg)translateZ(30px)}.light .btn-3d span:nth-child(4){transform:rotateX(90deg)translateZ(30px)}.btn-3d{display:none!important}.light .btn-3d{display:flex!important}.light .btn-gaming{display:none!important}