:root{
  --bg:#0e0e10; --bg2:#141417; --bg4:#202024;
  --border2:#303038;
  --text:#ececee; --text2:#9a9aa3; --text3:#5c5c66;
  --accent:#f5a623; --accent3:#ffc04d; --accent-bg:rgba(245,166,35,0.10);
  --radius-sm:4px;
  --mono:ui-monospace,"SF Mono","JetBrains Mono","Cascadia Code",Menlo,Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{min-height:100%;}
body{
  background:radial-gradient(ellipse 70% 55% at 50% 38%, #1a1a1f 0%, #121214 45%, var(--bg) 80%) no-repeat;
  background-attachment:fixed;
  color:var(--text);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  display:flex;align-items:center;justify-content:center;
  min-height:100vh;padding:6vmin 5vw;text-align:center;
}
.soon-wrap{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2vmin,18px);max-width:560px;}
.ico{color:var(--accent);line-height:0;}
.kicker{
  font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:0.24em;
  text-transform:uppercase;color:var(--accent);
}
.cat-name{font-size:clamp(34px,6vw,56px);font-weight:700;line-height:1.05;color:var(--text);}
.teaser{font-size:clamp(15px,2vw,18px);line-height:1.5;color:var(--text2);max-width:36ch;}
.actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px;}
.btn{
  display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:0.02em;
  padding:11px 20px;border-radius:var(--radius-sm);
  background:var(--accent);color:#0e0e10;transition:filter .15s,transform .1s;
}
.btn:hover{filter:brightness(1.08);}
.btn:active{transform:translateY(1px);}
.btn.ghost{background:transparent;color:var(--text2);border:1px solid var(--border2);}
.btn.ghost:hover{color:var(--text);background:var(--bg4);filter:none;}
.brand{margin-top:22px;font-family:var(--mono);font-size:12px;color:var(--text3);}
.brand a{color:var(--text2);text-decoration:none;}
.brand a:hover{color:var(--accent);}
.brand .tld{color:var(--accent);}