:root{
  --teal: 6,226,212;
  --teal-dark: 0,150,140;
  --orange: 255,122,31;
  --orange-2: 255,180,70;
  --text: #eafff7;
  --muted: #a8d6cc;
  --bg: #041f1c;
  --card: rgba(255,255,255,0.08);
  --card-strong: rgba(255,255,255,0.14);
  --radius: 14px;
}
*{box-sizing:border-box}
html,body{height:100%}
html{font-family:system-ui,-apple-system,"Segoe UI","Roboto","Helvetica Neue","Arial","Noto Sans",sans-serif}
body{
  margin:0;
  color:var(--text);
  background: 
    linear-gradient(135deg, rgba(var(--teal),0.20), rgba(var(--teal-dark),0.28) 60%),
    linear-gradient(to bottom, rgba(2,12,12,.92), rgba(2,12,12,.96) 70%),
    var(--bg);
  background-blend-mode:overlay,overlay,normal;
  min-height:100vh;
  padding:0;
  line-height:1.5;
}
body::before{
  content:"";
  position:fixed; inset:0;
  background:
    radial-gradient(circle at 20% 0, rgba(var(--teal),0.12) 0 200px, transparent 200px),
    radial-gradient(circle at 85% 10%, rgba(var(--orange),0.12) 0 260px, transparent 260px),
    transparent;
  mix-blend-mode:screen;
  pointer-events:none;
  z-index:0;
}
body::after{
  content:"";
  position:fixed; inset:0;
  background: repeating-linear-gradient(to bottom, rgba(255,255,255,.03) 0 1px, transparent 1px 2px);
  pointer-events:none;
  mix-blend-mode:overlay;
  z-index:1;
  opacity:.5;
}
*,:before,:after{box-sizing:border-box}
.container{max-width:clamp(320px,92vw,1100px);margin-inline:auto;padding:1rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.header, .content, .product-ad, .sponsored-page, footer{border-radius:var(--radius); padding:1rem}
header, main, article, aside, footer{background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.25); display:block; position:relative}
@supports (backdrop-filter: blur(12px)){
  header, main, article, aside, footer{backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); background: rgba(255,255,255,.14)}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important; animation:none!important}
}
header{padding:1rem 1rem 0.75rem}
header h1{font-size:clamp(1.6rem,2vw+1rem,3rem);line-height:1.15;margin:.25rem 0 .5rem}
nav{display:flex;gap:.5rem;flex-wrap:wrap}
nav a{color:var(--text); text-decoration:none; padding:.25rem .5rem; border-radius:6px}
nav a:hover{text-decoration:underline}
nav a:focus-visible{outline:2px solid rgba(var(--orange),1); outline-offset:3px}
main{padding:0.75rem 1rem 1rem}
.image-frame{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.25);box-shadow:0 6px 18px rgba(0,0,0,.35);background:#000}
.image-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease, filter .25s ease}
.image-frame:hover img{transform:scale(1.03);filter:saturate(1.05)}
.content{padding:1rem 0}
.product-ad{display:block;margin:.75rem 0;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.25);border-radius:12px;text-align:center}
.product-ad a{color:var(--text); text-decoration:none; display:inline-block; padding:.5rem 1rem}
.product-ad a:hover{text-decoration:underline}
.sponsored-page{margin-top:.5rem}
ul{margin:0;padding:0;list-style:none}
li{margin:.25rem 0}
.btn,.cta{font-family:inherit}
.btn{display:inline-block;padding:.65em 1.1em;border-radius:8px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;font-weight:700;cursor:pointer;transition:transform .2s ease,background .2s}
.btn + .btn{margin-left:.5rem}
.btn:hover{transform:translateY(-1px)}
.btn:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(var(--orange),0.7);border-radius:8px}
.btn.primary{background:rgb(var(--orange));border-color:rgba(var(--orange),0.9);color:#1b100a; box-shadow:0 6px 14px rgba(255,122,31,.35)}
.btn.outline{background:transparent;border-color:rgba(255,255,255,.6);color:var(--text)}
.cta{padding:.65em 1.1em;border-radius:8px;border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.25);color:#fff;font-weight:700}
a, button, .btn, .cta{outline: none}
a{color:#c6fff0}
a:hover,.cta:hover{text-decoration:underline}
a:focus-visible{outline:2px solid rgba(var(--orange),1); outline-offset:2px;border-radius:4px}
.tag{display:inline-flex;align-items:center;gap:.35em;padding:.15em .5em;font-size:12px;border-radius:999px;background:rgba(0,0,0,.25);color:#d6fff4;border:1px solid rgba(255,255,255,.25)}
@media print{
  body{background:#fff;color:#000}
  header, main, article, footer{background:none;border:0}
}
@media (min-width: 720px){
  main{display:block}
}
footer{padding:1rem}
footer p{margin:.5rem 0 0; font-size:.9rem; color:var(--muted)}
@media (max-width: 600px){
  header{padding:0.75rem}
  .container{padding:0.5rem}
}
again:root{ /* no-op to avoid accidental minification issues in some tooling */ }