:root{
  --blue:#192c9d;
  --hot:#ff00b7;
  --acid:#d7ff00;
  --ink:#111;
  --paper:#fffdf1;
  --link:#0014ff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  font-family:Arial, Helvetica, sans-serif;
  background:
    radial-gradient(circle at 20px 20px, rgba(255,0,183,.15) 0 8px, transparent 9px),
    radial-gradient(circle at 70px 80px, rgba(0,255,170,.13) 0 10px, transparent 11px),
    linear-gradient(90deg,#fffdf1,#f5f7ff);
  background-size:120px 120px,140px 140px,auto;
}
.skip-link{position:absolute;left:-999px}
.skip-link:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:9999}
.sale-bar{
  position:sticky;top:0;z-index:50;
  background:#050505;color:#fff;text-align:center;padding:10px 12px;
  border-bottom:4px solid var(--acid);
  font-size:15px;
}
.sale-bar a{color:#00ffae;font-weight:800}
.crt{
  pointer-events:none;position:fixed;inset:0;z-index:999;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.05),rgba(0,0,0,.05) 1px,transparent 2px,transparent 4px);
  mix-blend-mode:multiply;opacity:.25;
}
.site-header{
  background:#f2f2f2;border-bottom:3px ridge #fff;
}
.header-inner{
  max-width:1180px;margin:0 auto;padding:12px 16px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;
}
.brand{display:flex;align-items:center;gap:10px;color:#000;text-decoration:none;font-weight:900;font-size:22px;text-shadow:2px 2px #fff}
nav{display:flex;gap:8px;flex-wrap:wrap}
nav a,.button,.share-button{
  color:#000;background:#e9e9e9;text-decoration:none;border:3px outset #fff;padding:8px 12px;font-weight:800;
}
nav a:hover,.button:hover,.share-button:hover{border-style:inset;background:#fff}
.hero{
  max-width:1180px;margin:22px auto;padding:0 16px;display:grid;grid-template-columns:1.25fr .75fr;gap:20px;align-items:stretch;
}
.window{
  background:#f4f4f4;border:4px ridge #fff;box-shadow:10px 10px 0 rgba(0,0,0,.22);
}
.window-title{
  background:linear-gradient(90deg,#10158d,#00a3ff);color:#fff;padding:9px 12px;font-weight:900;display:flex;justify-content:space-between;
}
.window-body{padding:18px}
h1{font-family:Georgia,serif;font-size:clamp(44px,8vw,96px);line-height:.9;margin:10px 0;color:#111;text-shadow:4px 4px 0 #fffd00,8px 8px 0 #00f0ff}
h2{font-size:32px;margin:0 0 12px}
h3{font-size:22px;margin:0 0 10px}
.blink{animation:blink 1s steps(2,end) infinite;color:red;font-weight:900}
@keyframes blink{50%{opacity:0}}
.marquee{background:#000;color:#00ff66;padding:8px;border:2px solid #00ff66;font-family:"Courier New",monospace;overflow:hidden;white-space:nowrap}
.marquee span{display:inline-block;animation:marquee 18s linear infinite}
@keyframes marquee{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
.hero-copy{font-size:20px;line-height:1.45}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
.big-button{font-size:20px;background:#fffd00}
.sidebar-card{margin-bottom:16px}
.counter{
  display:inline-flex;gap:3px;background:#000;padding:6px;border:3px inset #fff
}
.counter span{background:#141414;color:#00ff66;font-family:"Courier New",monospace;font-size:28px;padding:4px 6px;border:1px solid #555}
.grid{
  max-width:1180px;margin:24px auto;padding:0 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
}
.card{
  background:rgba(255,255,255,.92);border:4px ridge #fff;padding:18px;box-shadow:7px 7px 0 rgba(0,0,0,.18);
}
.card.hot{background:#fff6ff}
.card.green{background:#f1fff7}
.software-list{display:grid;gap:12px}
.software-row{display:grid;grid-template-columns:80px 1fr auto;gap:12px;align-items:center;border:2px dotted #999;padding:10px;background:#fff}
.icon-box{width:64px;height:64px;background:#192c9d;color:#fff;display:grid;place-items:center;font-weight:900;border:3px outset #fff}
.download-meter{height:20px;background:#111;border:2px inset #fff;overflow:hidden}
.download-meter b{display:block;height:100%;width:67%;background:repeating-linear-gradient(90deg,#00ff66 0 12px,#b7ff00 12px 24px)}
.aim{
  max-width:760px;margin:24px auto;background:#d8d8d8;border:4px ridge #fff;box-shadow:10px 10px 0 rgba(0,0,0,.23)
}
.aim-head{background:#0046ad;color:#fff;padding:8px 12px;font-weight:900}
.aim-log{background:#fff;margin:10px;border:2px inset #777;padding:12px;min-height:90px;font-family:"Courier New",monospace}
.aim form{padding:10px;display:grid;gap:8px}
.aim input,.aim textarea,.input{
  width:100%;padding:12px;border:3px inset #fff;font-size:16px;background:#fff;
}
.aim textarea{min-height:95px}
.section{max-width:1180px;margin:34px auto;padding:0 16px}
.guestbook-entry{
  background:#fff;border:3px ridge #fff;margin:10px 0;padding:12px;display:grid;grid-template-columns:130px 1fr;gap:12px;
}
.date-chip{font-family:"Courier New",monospace;background:#000;color:#00ff66;padding:8px;text-align:center}
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.share-panel{background:#ffffd7;border:4px dashed #ff00b7;padding:18px}
.site-footer{background:#111;color:#eee;margin-top:50px;padding:28px 16px;border-top:5px solid var(--acid)}
.site-footer a{color:#00ffae}
.footer-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
a{color:var(--link)}
@media (max-width:850px){
  .hero,.grid,.news-grid,.footer-grid{grid-template-columns:1fr}
  .software-row{grid-template-columns:64px 1fr}
  .software-row .button{grid-column:1/-1;text-align:center}
  .guestbook-entry{grid-template-columns:1fr}
  h1{text-shadow:3px 3px 0 #fffd00}
}