:root{--bg:#08100b;--bg2:#0d1710;--panel:#101a13;--line:#294332;--text:#f2f7f3;--muted:#a6b4aa;--green:#79ef67;--green2:#31bd4a;--shadow:0 22px 65px rgba(0,0,0,.35);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0%,rgba(69,170,77,.13),transparent 28%),linear-gradient(180deg,#08100b,#09130c 42%,#071008);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(calc(100% - 32px),var(--max));margin:auto}.narrow{max-width:840px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:999;background:#fff;color:#111;padding:10px 14px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(7,14,9,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(121,239,103,.14)}.nav-shell{min-height:76px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand strong{display:block;font-size:1.08rem;letter-spacing:.08em}.brand small{display:block;color:var(--green);font-size:.63rem;letter-spacing:.18em}.brand-cube{width:34px;height:34px;background:linear-gradient(135deg,var(--green),#257938);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.primary-nav{display:flex;gap:8px;margin-left:auto}.nav-item{position:relative}.nav-item>a{display:flex;gap:6px;align-items:center;padding:10px 12px;border-radius:10px;font-weight:700;font-size:.94rem}.nav-item>a:hover,.nav-item>a.active{background:rgba(121,239,103,.08);color:var(--green)}.dropdown{position:absolute;left:0;top:calc(100% + 12px);width:280px;padding:10px;background:#0e1811;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s}.has-dropdown:hover .dropdown{opacity:1;visibility:visible;transform:none}.dropdown a{display:flex;gap:10px;padding:11px;border-radius:11px}.dropdown a:hover{background:rgba(121,239,103,.08)}.dropdown strong{display:block}.dropdown small{display:block;color:var(--muted);font-size:.72rem}.mini-cube{width:18px;height:18px;margin-top:3px;background:var(--green2);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.nav-toggle{display:none;background:none;border:0;margin-left:auto}.nav-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:12px;font-weight:850;border:1px solid transparent;transition:.18s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(180deg,#8ef678,#4dd45c);color:#071009;box-shadow:0 10px 28px rgba(72,211,86,.22)}.btn-secondary{background:#132017;border-color:#35563f}.btn-login{background:#f1f6f2;color:#0b130d;min-height:42px}
.breadcrumb{display:flex;gap:9px;padding-top:24px;color:#819187;font-size:.84rem}.hero-section{position:relative;overflow:hidden;border-bottom:1px solid rgba(121,239,103,.12)}.hero-grid-bg{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(121,239,103,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(121,239,103,.18) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000,transparent 92%)}.hero-grid{position:relative;min-height:610px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;padding:70px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:.76rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:"";width:18px;height:2px;background:var(--green)}
.hero-lead,.section-lead{font-size:1.08rem;color:#bac6bd;max-width:680px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-stats{display:flex;gap:30px;margin-top:38px;padding-top:22px;border-top:1px solid var(--line)}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:1.4rem}.hero-stats span{font-size:.78rem;color:var(--muted)}
.hero-art{min-height:420px;display:grid;place-items:center}.voxel-scene{position:relative;width:min(420px,90vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(121,239,103,.16),rgba(121,239,103,.02) 54%,transparent 55%)}.voxel{position:absolute;width:80px;height:80px;background:linear-gradient(135deg,#78ea68,#1f7736);box-shadow:18px 18px 0 #0b2d16}.voxel-a{left:42px;top:92px;transform:rotate(10deg)}.voxel-b{right:38px;top:52px;width:54px;height:54px}.voxel-c{right:20px;bottom:74px;width:70px;height:70px}.voxel-d{left:8px;bottom:34px;width:44px;height:44px;background:linear-gradient(135deg,#e4d271,#7a6820)}.server-tower{position:absolute;left:50%;top:50%;width:170px;height:240px;transform:translate(-50%,-50%);background:linear-gradient(#1b2c20,#0c1510);border:1px solid #3f6949;border-radius:18px;padding:22px;box-shadow:var(--shadow)}.server-tower:before{content:"SERVER";display:block;color:#7d9182;font-size:.62rem;letter-spacing:.2em}.server-tower i{display:block;height:40px;margin:12px 0;background:#0a120d;border:1px solid #294a33;border-radius:8px;position:relative}.server-tower i:after{content:"";position:absolute;width:8px;height:8px;right:12px;top:15px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}.signal{position:absolute;border:1px solid rgba(121,239,103,.5);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.signal-1{width:260px;height:260px}.signal-2{width:330px;height:330px;opacity:.45}.signal-3{width:400px;height:400px;opacity:.2}
.section{padding:90px 0}.section-dark{background:#0b140e;border-block:1px solid rgba(121,239,103,.09)}.section-head{margin-bottom:34px}.section-head h2,.cta-panel h2,.game-detail-grid h2,.panel-layout h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.035em;margin:12px 0}.section-head p{color:var(--muted)}.section-head.center{text-align:center;max-width:760px;margin:0 auto 38px}.section-head.split{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.text-link{color:var(--green);font-weight:800}
.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.game-grid.large{grid-template-columns:repeat(2,1fr)}.game-card{min-height:300px;padding:24px;background:linear-gradient(160deg,#101c14,#0a130e);border:1px solid #27402f;border-radius:20px;transition:.2s}.game-card:hover{transform:translateY(-6px);border-color:#4f8d5d;box-shadow:var(--shadow)}.game-card-top{display:flex;justify-content:space-between;align-items:center}.game-badge{font-size:.67rem;font-weight:900;letter-spacing:.14em;color:var(--green)}.pixel-icon{display:grid;place-items:center;width:42px;height:42px;background:#1b3722;border:1px solid #396f46;color:#b8ffad;font-weight:900;box-shadow:8px 8px 0 rgba(0,0,0,.2)}.game-card h2,.game-card h3{margin:44px 0 10px;line-height:1.1}.game-card p{color:var(--muted);font-size:.92rem}.card-arrow{display:inline-block;margin-top:16px;font-weight:800}.game-meta{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.game-meta span{padding:5px 9px;background:#132019;border:1px solid #294632;border-radius:999px;color:#a8b8ac;font-size:.72rem}
.feature-layout,.panel-layout,.game-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-grid.four{grid-template-columns:repeat(4,1fr)}.feature-card{padding:24px;background:#101a13;border:1px solid #27402f;border-radius:16px}.feature-number{display:grid;place-items:center;width:42px;height:42px;background:#172c1c;color:var(--green);font-weight:900;border-radius:9px}.feature-card p{color:var(--muted)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card{background:#0f1912;border:1px solid #243d2c;border-radius:18px;overflow:hidden}.post-cover{height:180px;display:flex;align-items:flex-end;padding:18px;background:linear-gradient(135deg,rgba(121,239,103,.15),transparent),repeating-linear-gradient(45deg,#14251a 0 18px,#0f1b13 18px 36px)}.post-cover span{background:#071009;border:1px solid #3a6445;border-radius:999px;padding:5px 10px;font-size:.68rem;font-weight:900;color:var(--green)}.post-body{padding:22px}.post-body p{color:var(--muted)}
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan-card{position:relative;background:#101b13;border:1px solid #2c4935;border-radius:20px;padding:28px}.plan-card.featured{border-color:#6bce73;box-shadow:0 0 0 1px #6bce73 inset}.plan-tag{position:absolute;right:20px;top:20px;font-size:.65rem;font-weight:900;background:var(--green);color:#071009;padding:5px 8px;border-radius:999px}.price{font-size:2rem;font-weight:950;margin:18px 0;color:var(--green)}.plan-card p,.plan-card li{color:var(--muted)}.plan-card .btn{width:100%}.muted-note{color:#7e8d83;font-size:.84rem}.control-terminal{background:#07100a;border:1px solid #2c5136;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.terminal-top{display:flex;gap:7px;align-items:center;padding:14px 16px;border-bottom:1px solid #213b29;color:#788b7c}.terminal-top i{width:9px;height:9px;border-radius:50%;background:#66d878}.terminal-row{display:grid;grid-template-columns:26px 1fr auto;gap:8px;padding:14px 18px;border-bottom:1px solid #15271b;font-size:.86rem}.terminal-row span{color:var(--green)}.terminal-row em{color:#6f9978;font-style:normal;font-size:.72rem}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps-grid article{padding:26px;border-top:2px solid #3f7449;background:#0f1912}.steps-grid article>span{font-size:2rem;color:#2d733d;font-weight:950}.steps-grid p{color:var(--muted)}
.spec-card{background:#0f1912;border:1px solid #2a4633;border-radius:18px;padding:24px}.spec-card div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #203728}.spec-card span{color:var(--muted);text-transform:capitalize}.faq-list{display:grid;gap:10px}.faq-list details{background:#101a13;border:1px solid #294332;border-radius:14px;padding:0 18px}.faq-list summary{cursor:pointer;list-style:none;font-weight:800;padding:18px 0}.faq-list summary:after{content:"+";float:right;color:var(--green)}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:var(--muted);margin:0;padding:0 0 18px}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:44px;background:linear-gradient(135deg,rgba(121,239,103,.15),rgba(121,239,103,.02)),#0e1911;border:1px solid #365a40;border-radius:24px}.cta-panel p{color:var(--muted)}.simple-list{display:grid;gap:14px;margin-top:26px}.simple-list article{padding:20px;border-left:3px solid var(--green);background:#0f1912}.simple-list p{color:var(--muted)}
.article-hero{padding:100px 0 48px;border-bottom:1px solid #1d3225}.article-hero p,.article-content p,.article-content li{color:#c0ccc3}.article-content{max-width:820px}.article-content h2{font-size:2rem;margin-top:2.5rem}.article-content a{color:var(--green);text-decoration:underline}.article-meta{display:flex;gap:10px;color:#7f9284}.login-section{position:relative;min-height:680px;display:grid;place-items:center;overflow:hidden}.login-visual{position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(121,239,103,.18),transparent 35%)}.login-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(121,239,103,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(121,239,103,.08) 1px,transparent 1px);background-size:36px 36px;transform:perspective(600px) rotateX(58deg) scale(1.6);transform-origin:center 75%}.login-wrap{position:relative;display:flex;justify-content:center}.login-card{width:min(100%,460px);padding:34px;background:rgba(10,19,13,.94);border:1px solid #35583f;border-radius:22px;box-shadow:var(--shadow)}.login-card form{display:grid;gap:14px;margin:24px 0}.login-card label{font-size:.82rem;font-weight:800}.login-card input{width:100%;margin-top:7px;background:#08100b;border:1px solid #2b4b35;border-radius:11px;color:#fff;padding:13px 14px}.full{width:100%}
.site-footer{padding:68px 0 24px;background:#060c08;border-top:1px solid rgba(121,239,103,.12)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:34px}.footer-grid h2{font-size:.86rem;text-transform:uppercase;letter-spacing:.12em}.footer-grid>div>a{display:block;color:#8fa095;padding:5px 0}.footer-grid p{color:#839188}.social-row{display:flex;gap:8px;margin-top:12px}.social-row a{display:grid!important;place-items:center;width:34px;height:34px;border:1px solid #2c4a35;border-radius:9px;color:var(--green)!important}.copyright{display:flex;justify-content:space-between;gap:20px;margin-top:48px;padding-top:20px;border-top:1px solid #17281d;color:#65766a;font-size:.8rem}
.hero-copy h1 {
    font-size: 48px;
    line-height: 1.1;
}

@media (max-width: 768px) {
    .hero-copy h1 {
        font-size: 34px;
    }
}

@media (max-width: 480px) {
    .hero-copy h1 {
        font-size: 28px;
    }
}
@media(max-width:980px){.nav-toggle{display:block}.primary-nav{display:none;position:absolute;left:16px;right:16px;top:74px;padding:14px;background:#0b140e;border:1px solid #294332;border-radius:16px;box-shadow:var(--shadow);flex-direction:column}.primary-nav.open{display:flex}.dropdown{position:static;width:auto;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none}.nav-item.open .dropdown{display:block}.btn-login{display:none}.hero-grid,.feature-layout,.panel-layout,.game-detail-grid{grid-template-columns:1fr}.game-grid,.feature-grid.four{grid-template-columns:repeat(2,1fr)}.post-grid{grid-template-columns:1fr 1fr}.plans-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.container{width:min(calc(100% - 22px),var(--max))}
.hero-stats{display:grid;grid-template-columns:1fr 1fr}.section{padding:64px 0}.section-head.split,.cta-panel,.copyright{align-items:flex-start;flex-direction:column}.game-grid,.game-grid.large,.feature-grid,.feature-grid.four,.post-grid,.steps-grid,.footer-grid{grid-template-columns:1fr}.hero-art{min-height:300px}.voxel-scene{transform:scale(.82)}}
.hero-image-wrap {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-image {
    display: block;
    width: 100%;
    max-width: 620px;
    height: auto;
    aspect-ratio: 5 / 4;
    object-fit: cover;
    border-radius: 24px;
}
.brand-logo {
    display: block;
    width: auto;
    max-width: 200px;
    height: 50px;
    object-fit: contain;
}
@media (max-width: 768px) {
    .brand-logo {
        max-width: 145px;
        height: 40px;
    }
}
.game-card-image {
    width: 100%;
    overflow: hidden;
    border-radius: 14px;
    margin-bottom: 18px;
    aspect-ratio: 16 / 9;
}

.game-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}

.game-card:hover .game-card-image img {
    transform: scale(1.04);
}