:root{--g:#00bf63;--s:#0d0d0d;--l:#222;--m:#a3a3a3;--cut:18px}
*{box-sizing:border-box}
body{margin:0;background:#000;color:#fff;font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,.logo,.btn,nav a{font-family:Rajdhani,"Arial Narrow",Impact,sans-serif;letter-spacing:.02em}
a{color:var(--g)}img{max-width:100%;display:block}
a:focus-visible,label:focus-visible{outline:3px solid #fff;outline-offset:2px}
.disc{background:var(--g);color:#000;text-align:center;font-size:.8rem;font-weight:700;padding:6px 12px}
header{position:sticky;top:0;z-index:10;background:rgba(0,0,0,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--l)}
.bar{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px}
.logo{font-size:1.8rem;font-weight:700;color:#fff;text-decoration:none}.logo b{color:var(--g)}
nav{display:flex;gap:6px}
nav a{color:#fff;text-decoration:none;font-weight:600;font-size:1.1rem;padding:6px 12px;border-bottom:2px solid transparent}
nav a:hover{border-color:var(--g);color:var(--g)}
#mt,.burger{display:none}
@media(max-width:860px){.burger{display:block;cursor:pointer;color:var(--g);font-size:1.9rem}
header nav{display:none;position:absolute;left:0;right:0;top:100%;background:#000;flex-direction:column;padding:10px 20px;border-bottom:2px solid var(--g)}
#mt:checked~nav{display:flex}}
.hero{padding:96px 20px 84px;border-bottom:1px solid var(--l);background:linear-gradient(115deg,#000 58%,rgba(0,191,99,.18) 58.1%,rgba(0,191,99,.55) 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 64px)}
.hero>div{max-width:1200px;margin:auto}
.hero h1{font-size:clamp(3rem,9vw,6.4rem);line-height:.92;margin:0 0 20px;text-transform:uppercase;max-width:11ch}
.hero p{max-width:46ch;color:#ddd;font-size:1.15rem;margin:0 0 28px}
.row{display:flex;gap:14px;flex-wrap:wrap}
.wrap{max-width:1200px;margin:auto;padding:56px 20px 8px}
h2.sec{font-size:2.3rem;margin:0 0 6px;text-transform:uppercase;border-left:6px solid var(--g);padding-left:14px;line-height:1.1}
.sub{color:var(--m);margin:0 0 24px 20px}.wrap h2.sec+.tiles,.wrap h2.sec+.grid{margin-top:24px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.tile{display:block;background:var(--s);color:#fff;text-decoration:none;padding:26px 18px;border-bottom:3px solid var(--g);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
.tile h3{margin:0 0 6px;font-size:1.7rem;text-transform:uppercase}.tile span{color:var(--m);font-size:.9rem}
.tile:hover{background:var(--g);color:#000}.tile:hover span{color:#000}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:18px}
.grid.top .wide{grid-column:span 2}
@media(max-width:600px){.grid.top .wide{grid-column:auto}}
.card{background:var(--s);display:flex;flex-direction:column;border-left:3px solid var(--g);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
.card:hover{background:#151515}.card:hover h3{color:var(--g)}
.thumb{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;background:radial-gradient(circle at 75% 15%,rgba(0,191,99,.3),transparent 60%),#050505}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb span{font:700 1.7rem Rajdhani,sans-serif;color:rgba(0,191,99,.55);text-transform:uppercase}
.body{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1}
.body h3{margin:0;font-size:1.35rem;line-height:1.15}.body h3 a{color:inherit;text-decoration:none}
.body p{margin:0;color:var(--m);font-size:.93rem;flex:1}
.meta{display:flex;justify-content:space-between;align-items:center}
.stars{color:var(--g);letter-spacing:1px}.stars b{color:#fff}.price{font-weight:700}
.btn{display:block;text-align:center;background:var(--g);color:#000;font-weight:700;font-size:1.15rem;padding:11px 18px;text-decoration:none;text-transform:uppercase;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
.btn:hover{background:#fff;color:#000}
.btn.inl{display:inline-block;padding:13px 26px}
.btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn.ghost:hover{background:#fff;color:#000}
.post{max-width:740px;margin:auto;padding:48px 20px 24px}
.post .date{color:var(--g);font-weight:700;margin:0}
.post h1{font-size:clamp(2.3rem,6vw,3.6rem);line-height:1.02;margin:8px 0 24px}
.feat{aspect-ratio:16/9;overflow:hidden;margin-bottom:32px}.feat .thumb,.feat img{height:100%;aspect-ratio:auto}
.content{font-size:1.12rem;line-height:1.8}
.content>p,.content>ul{color:#e2e2e2}.content>h2{font-size:2rem;margin:2em 0 .4em;border-left:5px solid var(--g);padding-left:12px;line-height:1.1}
.content>.note{color:var(--m);font-size:.9rem;border-top:1px solid var(--l);padding-top:16px;margin-top:40px}
.card.inline{margin:26px 0;flex-direction:row}.card.inline .thumb{width:210px;flex:none;aspect-ratio:auto}
@media(max-width:600px){.card.inline{flex-direction:column}.card.inline .thumb{width:auto;aspect-ratio:4/3}}
footer{margin-top:64px;border-top:1px solid var(--l);padding:36px 20px;text-align:center;color:var(--m);font-size:.9rem}
.fnav{justify-content:center;flex-wrap:wrap;margin-bottom:12px}
footer strong{color:#fff}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}