:root { color-scheme: dark; font-family: "Trebuchet MS",Arial,sans-serif; --cyan:#62f4ff; --pink:#ff3975; --ink:#0b0e15; }
* { box-sizing:border-box; }
html { background:#080a0f; }
body { margin:0; min-width:320px; color:#f5f7fa; background:radial-gradient(circle at 80% 0,#29234f 0,transparent 38%),linear-gradient(150deg,#111725,#07090d 75%); }
a { color:var(--cyan); }
.site-shell { width:min(1180px,calc(100% - 36px)); margin-inline:auto; }
.site-header { border-bottom:1px solid #343a48; background:rgba(8,10,15,.9); }
.header-inner { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:9px; color:#fff; text-decoration:none; font-weight:900; letter-spacing:.09em; }
.brand span { display:grid; place-items:center; width:34px; height:34px; color:#111; background:var(--cyan); border:2px solid #fff; box-shadow:4px 4px 0 var(--pink); }
nav { display:flex; gap:18px; } nav a { color:#dde2ec; text-decoration:none; font-weight:800; }
.hero { min-height:400px; display:grid; grid-template-columns:minmax(0,1fr) 210px; align-items:center; gap:64px; padding-block:64px 48px; }
.hero h1 { max-width:900px; margin:8px 0 18px; font:900 clamp(2.3rem,6vw,5.2rem)/.95 "Arial Black",Impact,sans-serif; letter-spacing:-.05em; text-transform:uppercase; }
.hero p:not(.eyebrow) { max-width:790px; color:#c2cad6; font-size:1.16rem; line-height:1.65; }
.hero ul { display:flex; flex-wrap:wrap; gap:8px; padding:0; list-style:none; }
.hero li { padding:8px 11px; color:#0d1016; background:var(--cyan); border:2px solid #fff; font:800 .72rem/1 "Courier New",monospace; }
.hero img { width:100%; height:auto; image-rendering:auto; filter:drop-shadow(14px 18px 0 rgba(255,57,117,.25)); transform:rotate(3deg); }
.eyebrow { color:var(--cyan); font:800 .76rem/1.25 "Courier New",monospace; letter-spacing:.16em; }
.forge { width:min(1540px,calc(100% - 24px)); height:min(850px,82vh); min-height:650px; margin:0 auto 72px; overflow:hidden; border:2px solid #8a92a2; background:#171b25; box-shadow:0 24px 65px rgba(0,0,0,.5),8px 8px 0 #000; }
.forge header { height:42px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 12px; color:#fff; background:linear-gradient(90deg,#233b73,#4d1f5a); border-bottom:2px solid #858d9d; font:800 .75rem/1 "Courier New",monospace; }
.forge header strong { color:#97ffd1; font-size:.66rem; }
.forge iframe { display:block; width:100%; height:calc(100% - 42px); border:0; background:#070b10; }
.content { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; padding-bottom:70px; }
.content section { padding:clamp(22px,4vw,38px); color:#c7cfdb; background:rgba(29,34,45,.84); border:1px solid #3e4554; }
.content h2 { margin:0 0 14px; color:#fff; font:900 clamp(1.35rem,3vw,2rem)/1.05 "Arial Black",sans-serif; text-transform:uppercase; }
.content p,.content li { line-height:1.65; }.content li+li { margin-top:9px; }
.faq { grid-column:1/-1; }.faq details { padding:13px 0; border-top:1px solid #515968; }.faq summary { color:#fff; font-weight:800; cursor:pointer; }
.site-footer { padding:24px 0 36px; border-top:1px solid #343a48; color:#aeb6c4; background:#080a0e; }
html.embed,html.embed body,html.embed main { width:100%; height:100%; overflow:hidden; }
html.embed .standalone-only { display:none!important; }
html.embed .forge { width:100%; height:100%; min-height:0; margin:0; border:0; box-shadow:none; }
html.embed .forge header { display:none; }
html.embed .forge iframe { height:100%; }
@media(max-width:760px){ nav{display:none}.hero{grid-template-columns:1fr;gap:26px;padding-block:44px}.hero img{width:120px;grid-row:1}.forge{width:100%;height:780px;min-height:620px;border-inline:0}.content{grid-template-columns:1fr}.faq{grid-column:auto} }