:root{--bg:#0a0a1a;--fg:#e8fff9;--brand:#00ffcc;--panel:#111418;--border:#222;--radius:10px}
*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:sans-serif;background:var(--bg);color:var(--fg)}
h1,h2{margin:.2em 0}a{color:var(--brand);text-decoration:none}
.container{max-width:1200px;margin:auto;padding:1.2rem}
.btn{background:var(--brand);color:#001512;border:none;border-radius:var(--radius);padding:.6rem 1rem;cursor:pointer;font-weight:600}
nav{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}
nav a{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:.4rem .8rem}
nav a:hover{background:var(--brand);color:#001512}
.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1.2rem}
iframe,textarea{width:100%;border:1px solid var(--brand);border-radius:var(--radius)}
textarea{min-height:300px;background:#0a0a1a;color:#00ffcc;padding:1rem;font-family:monospace}