:root{--g:#00ff88;--bg:#060a08;--card:#0d1511}
*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:
radial-gradient(circle at top,#0f2418,#060a08 60%);color:#fff}
body:before{content:'';position:fixed;inset:0;background-image:
linear-gradient(rgba(0,255,136,.05) 1px,transparent 1px),
linear-gradient(90deg,rgba(0,255,136,.05) 1px,transparent 1px);
background-size:40px 40px;pointer-events:none}
.container{max-width:1200px;margin:auto;padding:20px}
.hero{text-align:center;padding:80px 20px}
.logo{max-width:220px}
h1{font-size:56px;margin:20px 0;color:var(--g);text-shadow:0 0 20px var(--g)}
.btn{display:inline-block;margin:8px;padding:14px 24px;border-radius:14px;
text-decoration:none;background:var(--g);color:#000;font-weight:700}
.btn2{background:transparent;color:var(--g);border:1px solid var(--g)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:rgba(13,21,17,.85);backdrop-filter:blur(10px);
border:1px solid rgba(0,255,136,.3);border-radius:20px;padding:24px}
.price{font-size:38px;color:var(--g);font-weight:700}
.old{text-decoration:line-through;color:#888}
.badge{display:inline-block;padding:5px 10px;background:var(--g);color:#000;border-radius:20px}
section{padding:50px 0} h2{text-align:center;color:var(--g)}
footer{text-align:center;padding:40px;color:#999}