*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07101e;color:#edf6ff;font-family:Inter,Segoe UI,Arial,sans-serif}.header{height:76px;padding:0 7%;display:flex;align-items:center;gap:36px;background:#081321eF;border-bottom:1px solid #1a2c41;position:sticky;top:0;z-index:5;backdrop-filter:blur(15px)}.logo{font-size:20px;font-weight:900;color:#fff;text-decoration:none}.logo span{color:#38bdf8}.header nav{display:flex;gap:26px;flex:1}.header nav a{color:#9eb1c7;text-decoration:none;font-size:14px}.telegram{color:#dff7ff;text-decoration:none;border:1px solid #246b98;border-radius:9px;padding:10px 16px;font-weight:800;font-size:13px}.hero{min-height:560px;padding:90px 9%;display:flex;align-items:center;justify-content:space-between;gap:50px;background:radial-gradient(circle at 78% 45%,#12466a55,transparent 34%)}.eyebrow,.label{font-size:11px;letter-spacing:2px;font-weight:900;color:#38bdf8}.hero h1{font-size:clamp(48px,7vw,82px);line-height:.95;margin:16px 0 25px}.hero h1 span{color:#38bdf8}.hero p{max-width:610px;color:#91a7bd;font-size:18px;line-height:1.65}.button{display:inline-block;margin-top:15px;padding:14px 22px;background:#1685cf;border-radius:10px;color:#fff;text-decoration:none;font-weight:800}.trust{width:290px;background:#0c1b2c;border:1px solid #21384f;border-radius:20px;padding:32px;box-shadow:0 25px 70px #0006}.trust-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:15px;background:#0d6d9f;font-size:27px;margin-bottom:20px}.trust small{display:block;color:#8297ad;line-height:1.5;margin-top:9px}.section{padding:75px 9%}.section h1,.section h2{font-size:38px;margin:10px 0 32px}.games{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.game{background:#0b1828;border:1px solid #1a3047;border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;transition:.2s}.game:hover,.product:hover{transform:translateY(-3px);border-color:#2b83b7}.game-art,.product-art{height:150px;background:linear-gradient(135deg,#122d44,#0a1421);display:flex;align-items:flex-end;padding:15px}.game-art strong{font-size:22px}.game-info{padding:18px}.game-info h3{margin:0 0 8px}.game-info p{color:#7f96ac;font-size:13px;min-height:32px}.game-info span{color:#4fc5fb;font-size:13px;font-weight:800}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:#0b1828;border:1px solid #1a3047;border-radius:15px;overflow:hidden;transition:.2s}.product-art{height:145px;font-weight:900;color:#7bd4fb;letter-spacing:1px}.product-body{padding:17px}.product-body small{color:#4fc5fb}.product-body h3{font-size:16px;min-height:38px}.product-body p{color:#8297ad;font-size:13px}.price{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:18px;font-weight:900}.price button{background:#1685cf;color:#fff;border:0;border-radius:8px;padding:9px 13px;font-weight:800}.reviews{background:#081522}.review-box{display:flex;align-items:center;justify-content:center;gap:18px}.review{width:min(650px,88%);min-height:220px;padding:42px;text-align:center;border:1px solid #1d354d;border-radius:20px;background:#0b1a2b}.review #stars{color:#38bdf8;letter-spacing:4px}.review p{font-size:20px;line-height:1.55;color:#d6e4f1}.review b{color:#8ea6bd}.arrow{width:44px;height:44px;border-radius:50%;border:1px solid #29425b;background:#0b1a2b;color:#fff;font-size:28px}.dots{text-align:center;margin-top:20px}.dots button{width:7px;height:7px;border:0;border-radius:50%;margin:0 4px;background:#3a536b}.dots .active{background:#38bdf8}.game-hero{padding:80px 9%;border-bottom:1px solid #172a3e;background:radial-gradient(circle at 70% 50%,#13486a44,transparent 35%)}.game-hero h1{font-size:58px;margin:12px 0}.game-hero p{color:#8fa5bb}.filters{display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap}.filters button{border:1px solid #28435c;background:#0b1828;color:#a8bdd0;border-radius:9px;padding:10px 14px}footer{border-top:1px solid #172a3e;padding:28px 9%;color:#71869b;font-size:13px}.empty{color:#8398ad}@media(max-width:950px){.games,.products{grid-template-columns:repeat(2,1fr)}.hero{flex-direction:column;align-items:flex-start}.trust{width:100%}}@media(max-width:560px){.header{padding:0 5%}.header nav{display:none}.section,.hero,.game-hero{padding-left:6%;padding-right:6%}.games,.products{grid-template-columns:1fr}.hero h1{font-size:48px}.game-hero h1{font-size:42px}.telegram{margin-left:auto}}

.buy{background:#1685cf;color:#fff;text-decoration:none;border-radius:8px;padding:9px 13px;font-weight:800}.order-page{max-width:700px;margin:100px auto;padding:0 25px}.order-page h1{font-size:50px}.code{font:800 30px monospace;letter-spacing:3px;background:#0b1a2b;border:1px solid #2a5975;padding:25px;border-radius:14px;margin:25px 0;color:#5ecaff}.muted{color:#8298ae;line-height:1.6}
/* --- Final UI polish --- */
.buy{display:inline-block;background:#1685cf;color:#fff!important;text-decoration:none;padding:9px 14px;border-radius:9px;font-weight:800;transition:.2s}
.buy:hover{background:#27a1ee;transform:translateY(-1px)}
.order-page{min-height:calc(100vh - 76px);display:grid;place-items:center;text-align:center;padding:70px 20px;background:radial-gradient(circle at 50% 35%,#12466a55,transparent 38%)}
.order-page>div,.order-page>h1,.order-page>p,.order-page>.code,.order-page>a,.order-page>form{max-width:700px}
.order-page h1{font-size:clamp(36px,6vw,64px);margin:12px 0}
.order-page p{color:#91a7bd;line-height:1.6}
.code{margin:25px auto;padding:20px 28px;border:1px solid #2a8ac0;background:#0b1b2d;border-radius:14px;font:900 28px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#7dd8ff;letter-spacing:2px}
.empty{padding:45px;border:1px dashed #29425b;border-radius:16px;color:#8196aa}
@media(max-width:900px){.header{padding:0 5%;gap:18px}.header nav{gap:15px}.hero{padding:65px 6%;flex-direction:column;align-items:flex-start}.trust{width:100%}.section{padding:55px 6%}.games,.products{grid-template-columns:repeat(2,1fr)}.game-hero{padding:60px 6%}}
@media(max-width:560px){.header{height:auto;min-height:68px;flex-wrap:wrap;padding:14px 5%}.header nav{order:3;width:100%;padding-top:2px}.telegram{margin-left:auto}.hero h1{font-size:48px}.games,.products{grid-template-columns:1fr}.section h1,.section h2{font-size:32px}.game-hero h1{font-size:42px}.price{gap:10px;flex-wrap:wrap}.code{font-size:21px;padding:17px 12px}}

/* Game/product artwork */
.game-art,
.product-art {
    position: relative;
    overflow: hidden;
    padding: 0;
}
.game-art img,
.product-art img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .35s ease, filter .35s ease;
}
.game:hover .game-art img,
.product:hover .product-art img {
    transform: scale(1.035);
    filter: brightness(1.08);
}
.game-art strong {
    position: absolute;
    left: 15px;
    bottom: 15px;
    z-index: 1;
}
.product-art {
    height: 145px;
}


/* === Homepage: thematic game cards === */
.games {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.game {
    position: relative;
    background: #0a1727;
    border: 1px solid #1d3851;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 16px 45px rgba(0,0,0,.16);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.game:hover {
    transform: translateY(-6px);
    border-color: #2d88b9;
    box-shadow: 0 22px 55px rgba(0,0,0,.30);
}

.game-art {
    height: 205px;
    position: relative;
    overflow: hidden;
    padding: 0;
    background: #0b1828;
}

.game-art img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .5s ease, filter .5s ease;
    filter: saturate(.9) brightness(.86);
}

.game:hover .game-art img {
    transform: scale(1.07);
    filter: saturate(1.12) brightness(1);
}

.game-art-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(4,10,18,.10) 0%, rgba(4,10,18,.08) 35%, rgba(4,10,18,.88) 100%),
        linear-gradient(90deg, rgba(3,8,14,.50), transparent 65%);
    pointer-events: none;
}

.game-art-content {
    position: absolute;
    left: 19px;
    right: 19px;
    bottom: 17px;
    z-index: 2;
}

.game-art-content h3 {
    margin: 4px 0 0;
    color: #fff;
    font-size: 22px;
    line-height: 1.05;
    letter-spacing: .2px;
    text-shadow: 0 3px 18px rgba(0,0,0,.6);
}

.game-index {
    display: inline-block;
    margin-right: 8px;
    color: #c8d8e8;
    font: 800 10px/1 ui-monospace, SFMono-Regular, Consolas, monospace;
    opacity: .72;
}

.game-kicker {
    color: #55c9ff;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 2px;
    vertical-align: 1px;
}

.game-arrow {
    position: absolute;
    right: 17px;
    top: 16px;
    z-index: 2;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 50%;
    background: rgba(4,12,21,.48);
    color: #fff;
    font-size: 17px;
    backdrop-filter: blur(8px);
    transition: transform .25s ease, background .25s ease;
}

.game:hover .game-arrow {
    transform: translate(2px,-2px);
    background: rgba(22,133,207,.85);
}

.game-info {
    min-height: 118px;
    padding: 17px 19px 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 13px;
    background: linear-gradient(180deg, #0b1929 0%, #091522 100%);
}

.game-info h3 {
    margin: 0 0 6px;
    font-size: 16px;
    color: #f2f7fb;
}

.game-info p {
    margin: 0;
    min-height: 0;
    color: #7f96ac;
    font-size: 12px;
    line-height: 1.45;
}

.game-open {
    color: #43c2fa;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .15px;
}

.game-open b {
    margin-left: 5px;
    transition: margin-left .2s ease;
}

.game:hover .game-open b {
    margin-left: 9px;
}

/* Individual game accents */
.game-rust .game-kicker, .game-rust .game-open { color: #f09a5d; }
.game-tarkov .game-kicker, .game-tarkov .game-open { color: #d6b86b; }
.game-dota-2 .game-kicker, .game-dota-2 .game-open { color: #ff6570; }
.game-warface .game-kicker, .game-warface .game-open { color: #ff6672; }
.game-cs2 .game-kicker, .game-cs2 .game-open { color: #e6c76b; }
.game-arena-breakout .game-kicker, .game-arena-breakout .game-open { color: #e89462; }
.game-delta-force .game-kicker, .game-delta-force .game-open { color: #d9b95d; }
.game-minecraft .game-kicker, .game-minecraft .game-open { color: #49d5aa; }
.game-dead-by-daylight .game-kicker, .game-dead-by-daylight .game-open { color: #b77cff; }

@media(max-width:1200px) {
    .games { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media(max-width:560px) {
    .games { grid-template-columns: 1fr; gap: 16px; }
    .game-art { height: 190px; }
}


/* Final game-card fix: artwork SVGs already contain their own thematic title.
   Do not duplicate the title/kicker over the artwork. */
.game-art-content, .game-art-overlay { display:none !important; }
.game-art { isolation:isolate; }
.game-art img { filter:saturate(.95) brightness(.92); }
.game:hover .game-art img { filter:saturate(1.08) brightness(1.02); }
.game-arrow { z-index:3; }

.policy{max-width:900px;margin:0 auto;padding:80px 9%}.policy h1{font-size:clamp(42px,6vw,64px);margin:12px 0 14px}.policy-lead{color:#91a7bd;font-size:17px;margin-bottom:35px}.policy-card{background:#0b1828;border:1px solid #1a3047;border-radius:16px;padding:24px 26px;margin:16px 0}.policy-card h2{font-size:21px;margin:0 0 12px}.policy-card p{color:#91a7bd;line-height:1.7;margin:8px 0}.policy-note{margin-top:28px;padding:18px 20px;border-left:3px solid #38bdf8;background:#0a1726;color:#a8bdd0;line-height:1.6}footer a{color:#7bcff7;text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:560px){.policy{padding:55px 6%}.policy-card{padding:20px}}