:root{--silver:#c0c0c0;--ink:#0b0b0b;--glass:rgba(255,255,255,.28);--edge:rgba(0,0,0,.18);--neon:#4df3ff;--shadow:0 6px 20px rgba(0,0,0,.15)}*,-*:before,-*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--silver);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial;line-height:1.45}

/* Layout & accessibility resets */
a{color:inherit;text-decoration:none}main{display:grid;place-items:center;padding:2rem;min-height:calc(100vh - 120px)}*{outline:none}
.image-frame{width:min(92vw,720px);aspect-ratio:16/9;border-radius:18px;overflow:hidden;display:grid;place-items:center;background:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.7);box-shadow:0 6px 20px rgba(0,0,0,.15),inset 0 0 40px rgba(120,120,120,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);position:relative}
.image-frame::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 60px rgba(0,255,255,.25);pointer-events:none}
.image-frame img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.15) contrast(1.05)}
.image-frame{outline:2px solid rgba(0,255,255,.35);outline-offset:-4px}
footer{padding:1.5rem;display:grid;justify-items:center;gap:.6rem}
.product-ad{display:grid;justify-items:center;gap:.4rem;padding:.9rem 1rem;border-radius:12px;background:rgba(255,255,255,.32);border:1px solid rgba(0,0,0,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 6px 20px rgba(0,0,0,.12)}
.product-ad h3{font-size:1.02rem;font-weight:700;letter-spacing:.2px;margin:0}
.product-ad a{display:inline-block;padding:.6rem 1rem;border-radius:999px;background:linear-gradient(#fff,#f0f0f0);color:#0b0b0b;border:1px solid rgba(0,0,0,.22);font-weight:700;transition:transform .2s,ease,.2s;will-change:transform}
.product-ad a:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.25)}
.product-ad a:focus-visible{outline:3px solid #fff;outline-offset:2px}
.product-ad a p{margin:0;padding:0}
footer p{opacity:.8}

/* Typography hints for cyberpunk vibe without external fonts */
:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* Responsive tweaks */
@media (min-width:768px){
  main{padding:3rem;min-height:calc(100vh - 120px)}
  .image-frame{width:min(60vw,860px);border-radius:18px}
  .product-ad{justify-items:start;padding:1rem 1.25rem}
  .product-ad a{padding:.65rem 1.25rem}
}