:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;--g:#53fc18;--m:#929e95;--l:#29332b}*{box-sizing:border-box}body{margin:0;padding:18px;background:#080b08;color:#f3f7f3}main{max-width:1240px;margin:auto}header{padding:21px;border:1px solid var(--l);border-radius:17px;background:linear-gradient(135deg,#111a12,#0b0f0c)}header span{color:var(--g);font-size:9px;font-weight:950;letter-spacing:.14em}h1{margin:6px 0;font-size:clamp(28px,5vw,46px)}header p{margin:0;color:var(--m);font-size:12px}nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}nav button{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--l);border-radius:13px;background:#101510;color:#fff;text-align:left;cursor:pointer}nav button.active{border-color:#3f7249;background:#142019;box-shadow:inset 0 -2px var(--g)}nav i{font-size:22px;font-style:normal}nav b,nav small{display:block}nav b{font-size:11px}nav small{margin-top:3px;color:var(--m);font-size:9px}section{position:relative;overflow:hidden;border:1px solid var(--l);border-radius:17px;background:#080b08}#status{position:absolute;inset:0 0 auto;display:grid;min-height:180px;place-items:center;color:var(--m);font-size:11px}#status[hidden]{display:none}iframe{display:block;width:100%;height:1500px;border:0}@media(max-width:600px){body{padding:9px}header{padding:16px}nav{grid-template-columns:1fr}iframe{height:1350px}}