:root{
  --bg:#0D1114; --panel:#151B1F; --panel2:#1B2328;
  --line:#2A343B; --line-strong:#3A4750;
  --text:#EAF0F3; --dim:#8DA0AB;
  --ct:#6EA8DC; --t:#E0953A; --gold:#D9B44A;
  --chamfer: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
}
*{box-sizing:border-box;}
body{
  margin:0; color:var(--text);
  background:radial-gradient(1200px 500px at 50% -140px, rgba(110,168,220,.07), transparent 60%), var(--bg);
  font-family:'Rajdhani','Segoe UI',Roboto,sans-serif;
  font-weight:500; font-size:17px; line-height:1.6;
}
header{
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg, rgba(21,27,31,.9), rgba(13,17,20,.4));
  padding:14px 20px 12px; position:relative;
}
header::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px;
  background:linear-gradient(90deg, var(--t) 0%, var(--t) 38%, transparent 46%, transparent 54%, var(--ct) 62%, var(--ct) 100%);
  opacity:.85;
}
header a{text-decoration:none;}
header h1{
  font-size:24px; margin:0; letter-spacing:2px; font-weight:700;
  text-transform:uppercase; line-height:1;
}
.h-t{color:var(--t);} .h-ct{color:var(--ct);}
main{max-width:680px; margin:0 auto; padding:26px 18px 10px;}
h2{
  font-size:15px; text-transform:uppercase; letter-spacing:2px;
  color:var(--dim); font-weight:600;
  margin:32px 0 10px; padding-bottom:7px; border-bottom:1px solid var(--line);
  position:relative;
}
h2::after{content:""; position:absolute; left:0; bottom:-1px; width:44px; height:1px; background:var(--t);}
h2:first-of-type{margin-top:10px;}
.page-title{
  font-size:30px; font-weight:700; text-transform:uppercase; letter-spacing:1px;
  margin:0 0 4px;
}
.updated{color:var(--dim); font-size:13px; margin:0 0 20px;}
p{margin:0 0 14px;}
ul{margin:0 0 14px; padding-left:22px;}
li{margin-bottom:7px;}
a{color:var(--ct);}
strong{color:var(--text);}
.box{
  background:var(--panel); clip-path:var(--chamfer);
  padding:14px 16px; margin:0 0 16px;
  color:var(--dim); font-size:15px;
}
.box strong{color:var(--text);}
footer{
  text-align:center; color:var(--dim); font-size:12px;
  padding:34px 16px; margin-top:20px; border-top:1px solid var(--line);
}
footer a{color:var(--dim); text-decoration:none; border-bottom:1px solid var(--line);}
footer a:hover{color:var(--ct); border-bottom-color:var(--ct);}