:root{--bg-deep: #081433;--bg-mid: #0c1f52;--bg-glow: #163069;--surface: rgba(7, 13, 34, .78);--surface-soft: rgba(7, 13, 34, .55);--text: #f4f0e8;--muted: rgba(244, 240, 232, .68);--accent: #6fb1ff;--accent-strong: #2f5bff;--gold: #d8b76a;--border: rgba(255, 255, 255, .08);--shadow: 0 24px 40px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100%;background:#081433;color:var(--text);font-family:Trebuchet MS,Verdana,sans-serif}body{position:relative}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,var(--bg-glow) 0%,var(--bg-mid) 35%,var(--bg-deep) 100%);z-index:0;pointer-events:none}a{color:inherit;text-decoration:none}a:focus,button:focus{outline:2px solid var(--accent-strong);outline-offset:2px}.underline{text-decoration:underline;text-decoration-color:#f4f0e8bf;text-underline-offset:3px;text-decoration-thickness:1px}.underline:hover,.underline:focus{color:var(--accent);text-decoration-color:var(--accent)}img{max-width:100%;display:block}code.inline-code{font-family:Courier New,Courier,monospace;font-size:.95em;padding:2px 8px;border-radius:999px;background:#6fb1ff2e;border:1px solid rgba(111,177,255,.4);color:var(--text);white-space:normal;overflow-wrap:break-word;word-break:break-word}main{position:relative;z-index:1}.container{width:92%;max-width:1100px;margin:0 auto}.site-header{position:relative;z-index:2;padding:22px 0 10px}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;font-family:Impact,Haettenschweiler,Franklin Gothic Medium,sans-serif;font-size:28px;letter-spacing:.08em}.brand-logo{width:64px;height:64px;margin-right:12px;object-fit:contain}.nav-links{display:flex;gap:18px;font-size:14px;letter-spacing:.2em;text-transform:uppercase}.hero{position:relative}.hero--full{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:70px 0;background-image:linear-gradient(180deg,#090f22b3,#0a1230bf),url(/media/homepage/bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.hero--full:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,#6fb1ff33,#0000 55%);opacity:.8;pointer-events:none}.hero__inner{position:relative;z-index:1;max-width:820px}.hero-grid{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}.hero-grid>*{flex:1 1 320px}.hero-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:32px;box-shadow:var(--shadow)}.hero-card--plain{background:transparent;border:none;box-shadow:none;padding:0}.hero h1{font-size:44px;letter-spacing:.08em;margin:0 0 16px;text-transform:uppercase}.hero h2{font-size:22px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 14px}.hero p{font-size:18px;color:var(--muted);margin:0 0 18px;line-height:1.6}.hero-highlight{display:inline-block;padding:8px 14px;background:#6fb1ff80;border:1px solid rgba(111,177,255,.4);border-radius:999px;font-size:14px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.contact-actions{margin-top:14px}.hero--full .hero-actions{justify-content:center;flex-direction:column;align-items:center}.hero--full .hero-actions .btn{border-radius:999px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 28px;border-radius:16px;border:1px solid transparent;font-family:Impact,Haettenschweiler,Franklin Gothic Medium,sans-serif;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#6fb1ff,#2f5bff);border-color:transparent;color:#fff;box-shadow:0 0 26px #2f5bff73;font-size:20px;padding:18px 40px}.btn-secondary{background:linear-gradient(135deg,#f4f6fb,#c8ceda);border-color:#e2e7f1;color:#2d3547;box-shadow:0 6px 16px #080c1833}.hero-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:10px;font-size:15px;color:var(--muted)}.hero-list li{display:flex;align-items:center;gap:10px}.hero--full .hero-list{align-items:center;text-align:center}.hero--full .hero-list li{justify-content:center}.hero-list span{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}.section{padding:36px 0}.section h1{font-size:30px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 16px}.section h2{font-size:26px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 16px}.section p{margin:0 0 12px;color:var(--muted);line-height:1.6}.card-grid{display:flex;flex-wrap:wrap;gap:18px}.card-link{display:block}.card-link:hover .card{transform:translateY(-3px);box-shadow:0 16px 26px #00000052}.card-grid>*{flex:1 1 200px}.card{background:var(--surface-soft);border-radius:18px;border:1px solid var(--border);padding:18px;transition:transform .2s ease,box-shadow .2s ease}.card h3{margin:12px 0 6px;text-transform:uppercase;letter-spacing:.16em;font-size:14px}.card p{margin:0;font-size:14px}.games-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.games-grid>*{flex:0 0 320px}.game-card{display:flex;flex-direction:column;background:var(--surface);border-radius:20px;border:1px solid var(--border);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:100%}.game-card:hover{transform:translateY(-4px);box-shadow:0 18px 30px #00000059}.game-card__media{position:relative;height:180px}.game-card__preview{width:100%;height:100%;object-fit:cover}.game-card__icon{position:absolute;left:14px;bottom:14px;width:56px;height:56px;border-radius:14px;border:1px solid var(--border);object-fit:cover;background:#070d22bf;box-shadow:0 10px 22px #00000059}.game-card__body{padding:18px}.game-card h3{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;font-size:14px}.game-card p{margin:0;color:var(--muted);font-size:14px}.game-detail h1{font-size:36px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px}.game-detail__description{color:var(--muted);font-size:17px;line-height:1.7;max-width:720px}.game-detail__extras{margin-top:16px;max-width:720px}.game-detail__extras p{margin:0 0 12px;color:var(--muted);line-height:1.7}.game-detail__actions{margin-top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.game-detail__more{display:inline-flex;align-items:center;color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:12px;padding-top:6px;transition:transform .2s ease,color .2s ease}.game-detail__more:after{content:"→";display:inline-block;margin-left:8px;font-size:14px;transition:transform .2s ease}.game-detail__more:hover{color:var(--accent-strong);transform:translate(2px)}.game-detail__more:hover:after{transform:translate(2px)}.game-hero{position:relative;width:100%;max-width:2140px;border-radius:26px;overflow:hidden;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);margin:0 auto 28px}.game-hero__image{width:100%;height:auto}.game-hero__icon{position:absolute;top:18px;right:18px;width:84px;height:84px;border-radius:18px;border:1px solid var(--border);object-fit:cover;background:#070d22bf;padding:6px;box-shadow:0 12px 24px #00000059}.marquee{overflow:hidden;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#090e2099}.marquee__track{display:inline-flex;white-space:nowrap;animation:marquee 30s linear infinite}.marquee__group{display:inline-flex;gap:18px;padding-right:18px}.marquee__icon{width:110px;height:70px;border-radius:14px;object-fit:cover;border:1px solid var(--border);box-shadow:0 8px 16px #0000004d}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.highlight{color:var(--accent-strong);font-weight:700}.callout{padding:20px;border-radius:18px;background:#6fb1ff1f;border:1px solid rgba(111,177,255,.35);font-size:16px}.footer{position:relative;z-index:1;margin-top:30px;padding:28px 0 40px;border-top:1px solid var(--border);color:var(--muted);font-size:13px;letter-spacing:.08em}.footer-links{display:flex;gap:18px;flex-wrap:wrap;text-transform:uppercase}.blog-list{display:flex;flex-direction:column;gap:16px}.blog-card{display:flex;gap:18px;align-items:stretch;padding:20px;border-radius:18px;border:1px solid var(--border);background:var(--surface)}.blog-card-media{flex:0 0 220px;height:140px;display:block}.blog-card-media img{width:100%;height:100%;display:block;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.08)}.blog-card-body{flex:1}.blog-card h3{margin:0 0 8px;letter-spacing:.16em;text-transform:uppercase;font-size:16px}.blog-meta{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#f4f0e88c;margin-bottom:10px}.article{background:var(--surface);border-radius:20px;border:1px solid var(--border);padding:28px;line-height:1.7}@media (min-width: 1100px){.card-grid>*{flex-basis:calc(25% - 18px)}}@media (max-width: 900px){.hero-grid{flex-direction:column}.hero h1{font-size:34px}.nav{flex-direction:column;align-items:flex-start}.blog-card{flex-direction:column}.blog-card-media{width:100%;height:180px;flex-basis:auto}.game-hero__icon{width:68px;height:68px}}@media (max-width: 600px){.nav-links{flex-wrap:wrap}.hero-card{padding:24px}.marquee__icon{width:88px;height:58px}.game-card__media{height:150px}.game-hero__icon{width:58px;height:58px}.game-detail h1{font-size:28px}}@media (max-width: 720px){.games-grid>*{flex-basis:100%}}
