
:root{color-scheme:dark;--bg:#070d13;--panel:#101a24;--ink:#eef6fc;--muted:#97abb9;--cyan:#23d1ec;--lime:#b1ed23;--line:#263743}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1240px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--line)}.brand{font-weight:900;font-size:22px;letter-spacing:-1px}.brand span{color:var(--cyan)}.brand small{display:block;font:10px monospace;letter-spacing:4px;color:var(--muted);margin-top:6px}nav{display:flex;gap:30px;font:13px monospace}nav a:last-child{color:var(--lime)}main{padding:0 40px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:610px;position:relative}.eyebrow{font:11px monospace;letter-spacing:2px;color:var(--cyan);margin:0 0 24px}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:8px}h1{font-size:clamp(48px,6vw,80px);letter-spacing:-4px;line-height:1.02;margin:0 0 26px}h1 em{font-style:normal;color:var(--lime)}.lead{font-size:17px;line-height:1.8;color:var(--muted);margin-bottom:30px}.penguin{width:100%;max-width:510px;filter:drop-shadow(0 0 50px #0e697b33)}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--cyan);color:#061319;font-size:13px;font-weight:bold;padding:18px 23px;border:1px solid var(--cyan);border-radius:3px}.button:hover{background:var(--lime);border-color:var(--lime)}.textlink{font:12px monospace;color:var(--muted)}.note{font:11px/1.7 monospace;color:var(--muted);margin-top:20px}.ticker{padding:22px 0;border-block:1px solid var(--line);display:flex;justify-content:space-between;font:12px monospace;letter-spacing:2px;color:var(--muted)}.ticker span{color:var(--lime)}.sectionhead{margin:70px 0 28px}h2{font-size:40px;letter-spacing:-1.5px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{padding:30px 25px;background:linear-gradient(145deg,var(--panel),#0c151c);border:1px solid var(--line);border-radius:5px}.num{font:11px monospace;color:var(--cyan)}h3{font-size:23px;letter-spacing:-.5px;margin:24px 0 15px}.cards p,.connect p{color:var(--muted);font-size:14px;line-height:1.8}.cards code{display:block;color:var(--lime);font-size:10px;letter-spacing:1px;margin-top:28px}.connect{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:75px 0;margin-top:65px;border-top:1px solid var(--line)}.connect h2{font-size:48px}.connect .button{margin-top:14px}footer{padding:28px 40px;display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);font:10px/1.5 monospace;color:var(--muted)}.terminalmain{max-width:1240px;padding:35px 25px}.terminalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.terminalhead h1{font-size:30px;letter-spacing:-1px;margin:0}.terminalwrap{background:#000;border:1px solid var(--line);padding:12px;border-radius:6px;overflow:auto;min-height:460px}#fTelnetContainer{margin:auto}.terminalhelp{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font:12px/1.8 monospace;margin-top:20px}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:4px}@media(max-width:800px){header{padding:0 22px;height:85px}nav{gap:18px}nav a:first-child{display:none}main{padding:0 22px}.hero{grid-template-columns:1fr;padding:45px 0}.hero>div{z-index:1}.penguin{max-width:300px;justify-self:center;grid-row:1}.hero h1{font-size:52px;letter-spacing:-2px}.ticker{font-size:9px;letter-spacing:0}.cards,.connect{grid-template-columns:1fr;gap:20px}.sectionhead{margin-top:45px}h2{font-size:33px}.connect{padding:45px 0;margin-top:40px}.connect h2{font-size:38px}footer{padding:25px 22px;flex-direction:column}.terminalhelp{flex-direction:column}.terminalhead h1{font-size:23px}}

/* ANSI-era web board theme */
:root{--bg:#000020;--panel:#000050;--ink:#e0e0e0;--muted:#b8bfdc;--cyan:#55ffff;--lime:#ffff55;--line:#5555ff}body{font-family:"Courier New",monospace;background:repeating-linear-gradient(0deg,#00001b 0px,#00001b 2px,#000025 2px,#000025 4px)}header{height:auto;min-height:88px;background:#000080;border:3px double #aaaaff;margin-top:20px}header,main,footer{max-width:1120px}.brand{letter-spacing:0}.brand span{color:#55ffff}nav a,a.textlink{text-decoration:underline}h1{font:700 clamp(32px,5vw,64px)/1.12 "Courier New",monospace;letter-spacing:0;text-shadow:3px 3px #000080}h2,.connect h2{font-size:30px;letter-spacing:0;color:#ffff55}h3{font-size:21px;letter-spacing:0;color:#55ffff}.hero{min-height:470px;gap:20px}.penguin{max-width:360px;justify-self:center;filter:none}.eyebrow,.num,.note,nav,.textlink{font-family:inherit}.eyebrow{letter-spacing:1px}.lead{font-size:16px}.button{border:3px outset #aaaaff;border-radius:0;background:#aaa;color:#000080;font-family:inherit;text-transform:uppercase;padding:12px 16px}.button:hover{background:#ffff55;border-color:#fff}.ticker{display:block;text-align:center;background:#800080;color:#fff;border:3px double #ff55ff;word-spacing:12px;line-height:2}.cards article{background:#000040;border:3px double #5555ff;border-radius:0;padding:22px 18px;min-width:0}.cards p,.connect p{font-family:inherit;font-size:14px}.cards a{color:#55ffff;text-decoration:underline}.cards code,pre{font-family:inherit;color:#55ff55;background:#000;padding:12px;border:1px solid #555;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;letter-spacing:0}.sectionhead{margin-top:45px}.connect{gap:30px;padding:35px 0;margin-top:35px}.hub{margin:20px 0 45px;border:3px double #aaaaff;padding:22px;background:#000040}.hub p{line-height:1.7;color:var(--muted)}table{width:100%;border-collapse:collapse;margin-top:24px;font-size:13px;overflow-wrap:anywhere}th,td{text-align:left;border:1px solid #5555ff;padding:12px}th{background:#000080;color:#ffff55}td:last-child{color:#55ff55}footer{background:#000080;border:3px double #aaaaff;font-size:12px;margin-bottom:20px}.terminalwrap{border:3px double #5555ff;border-radius:0;background:#000}a:hover{color:#ffff55}@media(max-width:800px){header{margin:8px;flex-wrap:wrap;gap:15px;padding:18px}.hero h1{font-size:36px;letter-spacing:0}.hero{padding:28px 0}.penguin{max-width:220px}.ticker{word-spacing:3px}.hub{padding:12px}th,td{padding:7px;font-size:11px}.terminalhead h1{font-size:22px}footer{margin:8px}}

.chatbox{border:3px double #55ffff;padding:20px;background:#000040;margin-bottom:30px}.chatbox form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.chatbox label{display:flex;flex-direction:column;gap:8px;font-size:14px}input,select{background:#000;color:#55ff55;border:2px inset #aaa;padding:10px;font:16px "Courier New",monospace;max-width:100%}#messages{height:400px;overflow-y:auto;background:#000;border:2px inset #aaa;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 "Courier New",monospace;margin:16px 0;color:#55ff55}.messagefield{flex:1;min-width:180px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}.hub a{color:#55ffff;text-decoration:underline}#status{color:#ffff55}

.button,.cards .button {color:#000080 !important;}
