html, body { height: 100%; margin: 0; padding: 0; background: #000; }
body { overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; color:#00FF41; font-family:monospace; }
body::-webkit-scrollbar { display: none; }

.hdr { display:flex; justify-content:space-between; align-items:center; background:linear-gradient(to right,#00120095,#00180090,#00120095); border-bottom:1px solid #00ff4120; padding:10px 20px; position:sticky; top:0; z-index:100; }
.status { display:flex; align-items:center; gap:6px; }
.dot { width:12px; height:12px; border-radius:50%; background:#00ff41; animation:pulse 1.2s infinite; }
@keyframes pulse {0%{opacity:.2}50%{opacity:1}100%{opacity:.2}}

.wrap { max-width:900px; margin:20px auto; padding:20px; color:#00FF41; min-height:calc(100vh - 60px); }
.ln { margin:5px 0; }
.block { border-top:1px solid #00ff4120; margin-top:30px; padding-top:20px; }
.card { border:1px solid #00ff4120; border-radius:5px; padding:10px; margin:10px 0; background:#050505b0; transition:transform .2s, box-shadow .2s, border-color .2s; }
.card:hover { border-color:#00ff41; box-shadow:0 0 6px #00ff41; transform:scale(1.02); }
.contacts a { color:#00ff41; margin-right:15px; text-decoration:none; }
.contacts a:hover { text-decoration:underline; }
.muted { color:#00ff4170; }
.accent { color:#00ff41; }
.italic { font-style: italic; }
.no-bullets { list-style: none; padding-left: 0; }
.ftr { text-align:center; color:#00ff4160; font-size:12px; margin-top:50px; padding-bottom:20px; }

/* Responsive tweaks */
@media (max-width: 640px) {
  .wrap { padding:16px; }
  .card { padding:12px; }
}