*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:#090909;color:#f7f7f7}body{padding:0 18px}.top{max-width:1100px;margin:auto;padding:22px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #222}.brand{font-weight:900;letter-spacing:-.5px}.back{color:#aaa;text-decoration:none;border:1px solid #333;padding:9px 13px;border-radius:9px}.back:hover{color:#000;background:#fff}.page{max-width:820px;margin:70px auto 100px}.eyebrow{font-size:10px;letter-spacing:3px;color:#777}.page h1{font-size:clamp(38px,7vw,68px);line-height:1;letter-spacing:-3px;margin:15px 0}.desc{color:#888;line-height:1.7}.panel{margin-top:30px;padding:24px;background:#111;border:1px solid #292929;border-radius:18px;box-shadow:0 25px 80px #000}.field{margin:13px 0}.field label{display:block;font-size:12px;color:#888;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;padding:12px;background:#080808;color:#fff;border:1px solid #333;border-radius:10px;outline:0}.field textarea{min-height:180px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#777}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.actions button,.btn{padding:10px 15px;border-radius:9px;border:1px solid #333;background:#1b1b1b;color:#ddd;cursor:pointer}.actions button.primary,.btn.primary{background:#fff;color:#000;border-color:#fff;font-weight:800}.actions button:hover{transform:translateY(-1px)}.result{margin-top:16px;padding:16px;background:#070707;border:1px solid #252525;border-radius:10px;min-height:50px;white-space:pre-wrap;word-break:break-word;line-height:1.6}.result img{max-width:100%}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.clock{font-size:52px;text-align:center;font-weight:900;padding:25px}.home-link{margin-top:30px;display:inline-block;color:#aaa}.home-link:hover{color:#fff}@media(max-width:650px){.page{margin-top:45px}.grid{grid-template-columns:1fr}.page h1{letter-spacing:-2px}}
/* Page-specific: port-reference */
.page h1{text-shadow:0 0 35px rgba(255,255,255,.06)}
.panel{min-height:260px}