.ccard{position:relative;border:1px solid rgba(101,131,179,.32);background:rgba(6,9,14,.5);padding:0}
.ccard .corner{position:absolute;width:11px;height:11px;border:1.5px solid #5ac8f0}
.ccard .corner.tl{top:-1px;left:-1px;border-right:0;border-bottom:0}
.ccard .corner.tr{top:-1px;right:-1px;border-left:0;border-bottom:0}
.ccard .corner.bl{bottom:-1px;left:-1px;border-right:0;border-top:0}
.ccard .corner.br{bottom:-1px;right:-1px;border-left:0;border-top:0}
.ccard .rail{padding:11px 18px;border-bottom:1px solid rgba(101,131,179,.22);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.24em;color:#5ac8f0}
.ccard .body{padding:18px 20px 22px}
.ccard h3{margin:0 0 10px;font-size:20px;text-transform:uppercase}
.ccard p{font-family:Montserrat,sans-serif;font-size:13.5px;line-height:1.65;color:#a9c2d4;margin:0}
.ccard .mail{display:inline-block;margin-top:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:13px;letter-spacing:.1em;color:#5ac8f0;text-decoration:none;transition:text-shadow .25s}
.ccard .mail .bk{color:#3b5069;transition:color .25s}
.ccard .mail:hover{text-shadow:0 0 14px rgba(90,200,240,.85)}
.ccard .mail:hover .bk{color:#5ac8f0}