:root{--bg:#080a12;--fg:#c8d0e0;--pink:#ff5cc8;--cyan:#5cf0ff;--dim:#5a6473;--card:#0c0f1a;--line:#1a2030}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.6 ui-monospace,Menlo,Consolas,monospace;
  background-image:repeating-linear-gradient(0deg,rgba(92,240,255,.03) 0 1px,transparent 1px 3px)}
a{color:var(--cyan)}
.wrap{max-width:900px;margin:0 auto;padding:44px 20px}
.title{font-size:42px;margin:0 0 4px;color:var(--pink);text-shadow:0 0 14px rgba(255,92,200,.6);letter-spacing:2px}
.sub{color:var(--cyan);margin:0 0 22px;text-shadow:0 0 10px rgba(92,240,255,.5)}
.sec{color:var(--pink);font-size:13px;letter-spacing:3px;text-transform:uppercase;
  margin:30px 0 8px;border-bottom:1px solid var(--line);padding-bottom:7px;text-shadow:0 0 8px rgba(255,92,200,.4)}
.card{display:block;text-decoration:none;color:var(--fg);border:1px solid #223;border-left:3px solid var(--cyan);
  background:var(--card);padding:16px 18px;margin:10px 0;transition:.15s}
.card:hover{border-left-color:var(--pink);background:#111524;transform:translateX(4px)}
.card b{color:var(--cyan);font-size:18px}.card:hover b{color:var(--pink)}
.card span{display:block;color:var(--dim);margin-top:4px}
.foot{color:var(--dim);margin-top:38px;font-size:13px;border-top:1px solid var(--line);padding-top:14px}
.foot a{color:var(--dim)}.foot a:hover{color:var(--cyan)}