/* Massive visual update */
:root{--bg:#0b0d12;--panel:#171c24;--panel2:#232b36;--accent:#2ea6ff;--gold:#ffbf2f;--text:#f3f6fb}
*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font:16px Arial}
.container{width:min(1400px,calc(100% - 48px));margin:auto}
.ticker{background:linear-gradient(90deg,#0d62ff,#2ea6ff);padding:10px 0;font-weight:bold}
.header{position:sticky;top:0;background:#11161d;border-bottom:1px solid #2a3340}
.top{display:grid;grid-template-columns:260px 1fr 260px;align-items:center;padding:18px 0}
nav ul{display:flex;gap:26px;justify-content:center;list-style:none}
nav a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:13px}
.hero-grid{display:grid;grid-template-columns:2fr 1.2fr;gap:0;background:#161b22;border-radius:22px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.hero-content{padding:70px}.hero-image{background:url('https://picsum.photos/900/900?blur=1') center/cover}
.cards-wrap{display:grid;grid-template-columns:1fr 320px;gap:28px}
.sidebar{background:#171c24;border-radius:16px;padding:20px}
.zakbox{background:linear-gradient(135deg,#202835,#11161d);border:1px solid #2ea6ff;border-radius:16px;padding:20px;text-align:center}
.zakavatar{width:120px;height:120px;border-radius:50%;background:#2a3340;margin:0 auto 16px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.card{background:#171c24;border-radius:16px;overflow:hidden;transition:.25s;border:1px solid #28313d}
.card:hover{transform:translateY(-8px)}
.thumb{height:180px;background:#2b3440}
.footer{background:#11161d;margin-top:60px;padding:60px 0}.cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}
@media(max-width:1100px){.cards-wrap,.hero-grid,.top{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}

.btn{display:inline-block;margin-top:20px;background:#2ea6ff;color:#fff;padding:12px 20px;border-radius:10px;text-decoration:none}
h2{margin:28px 0 16px}

.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.quick div{background:#171c24;padding:18px;border-radius:12px;border:1px solid #2a3340;text-align:center}
.tag{display:inline-block;background:#2ea6ff;padding:3px 8px;border-radius:5px;font-size:11px}.red{background:#d9534f}.gold{background:#c9a227;color:#111}.overlay{color:#fff;background:rgba(0,0,0,.45);padding:10px}


/* v0.9.5 */
.header{box-shadow:0 4px 20px rgba(0,0,0,.35)}
.hero{margin-top:20px}
.hero-grid{border:1px solid #2f3743}
.card{transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-8px);box-shadow:0 10px 24px rgba(0,0,0,.35)}
.zak-card{background:linear-gradient(180deg,#1f2530,#171c23);border:2px solid #2ea6ff;border-radius:16px;padding:18px;text-align:center}


.header{box-shadow:0 10px 30px rgba(0,0,0,.35)}
.card{transition:.25s ease;border:1px solid #2f3743}
.card:hover{transform:translateY(-8px);box-shadow:0 18px 30px rgba(0,0,0,.35);border-color:#3aa3ff}
.hero{position:relative}
.hero:before{content:'';position:absolute;left:0;right:0;top:0;height:220px;background:linear-gradient(180deg,rgba(46,166,255,.08),transparent);pointer-events:none}
.section-title{display:flex;justify-content:space-between;align-items:center}
.zak-widget{background:linear-gradient(180deg,#1b2230,#121821);border:1px solid #2d6fb8;border-radius:18px;padding:22px}


.logo-bar{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.menufake{display:flex;gap:18px}
.menufake a{color:#fff;text-decoration:none;padding:10px 14px;border-radius:8px;background:#1b222c}
.hero-grid{box-shadow:0 15px 35px rgba(0,0,0,.35)}
.card{transition:.25s ease}
.card:hover{transform:translateY(-8px);box-shadow:0 12px 25px rgba(0,0,0,.35)}
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:28px 0}
.feature{background:#171d25;border:1px solid #2d3744;padding:22px;border-radius:14px;text-align:center}

.logo-bar{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#141922;border-bottom:1px solid #2d3642}
.mainmenu{display:flex;gap:24px;font-weight:700}
.launch-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:28px 0}
.launch-item{background:#171d26;border:1px solid #2b3644;border-radius:12px;padding:14px;text-align:center}
.newsletter{background:#171d26;border:1px solid #2b3644;border-radius:14px;padding:28px;margin-top:32px;text-align:center}
.zakcard img{width:96px;height:96px;border-radius:50%}
