:root{
  --navy:#12181C; --gold:#00C9A7; --gold-dark:#049C82;
  --paper:#F4F6F8; --text:#152023; --muted:#5B6B6A; --border:#E1E6E6;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{font-family:Inter,system-ui,sans-serif; background:var(--paper); color:var(--text); line-height:1.65; -webkit-font-smoothing:antialiased;}
a{color:var(--gold-dark);}
.top{
  background:#12181C; color:#fff; padding:16px 22px;
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
}
.brand{font-family:Montserrat,sans-serif; font-weight:800; font-size:18px; color:#fff; text-decoration:none;}
.top nav{display:flex; flex-wrap:wrap; gap:8px 16px; font-size:13.5px;}
.top nav a{color:rgba(255,255,255,.78); text-decoration:none;}
.top nav a:hover,.top nav a.active{color:#fff;}
.top .go{background:linear-gradient(135deg,#00DDB4,var(--gold-dark)); color:#fff; text-decoration:none; padding:8px 14px; border-radius:10px; font-weight:600; font-size:13px;}
.wrap{max-width:760px; margin:0 auto; padding:36px 22px 72px;}
h1{font-family:Montserrat,sans-serif; font-size:28px; font-weight:800; margin-bottom:8px;}
.updated{font-size:13px; color:var(--muted); margin-bottom:28px;}
h2{font-family:Montserrat,sans-serif; font-size:17px; margin:28px 0 8px;}
p,li{font-size:15px; color:#243032;}
ul{padding-left:20px; margin:8px 0 16px;}
li{margin-bottom:6px;}
.card{background:#fff; border:1px solid var(--border); border-radius:16px; padding:22px; margin:14px 0; box-shadow:0 1px 3px rgba(18,24,28,.06);}
.price{font-family:ui-monospace,monospace; font-size:28px; font-weight:700; color:var(--navy);}
.price span{font-size:14px; font-weight:600; color:var(--muted);}
.foot{max-width:760px; margin:0 auto; padding:0 22px 40px; font-size:13px; color:var(--muted);}
.foot a{color:var(--muted);}
.buy{
  display:flex; width:100%; margin-top:14px; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#00DDB4,#049C82); color:#fff; border:none;
  border-radius:12px; padding:12px 16px; font-weight:700; font-size:14px;
  cursor:pointer; font-family:inherit;
}
.buy:hover{filter:brightness(1.06);}
.ok-box{background:#E2F7F0; color:#0B9C7D; padding:12px 14px; border-radius:10px; margin-bottom:18px; font-size:14px;}
@media (max-width:640px){
  h1{font-size:24px;}
  .top nav{width:100%;}
}