html,body{height:100%;margin:0;font-size:14px}
body{background:#000;color:#fff;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial}*{border-radius:0!important}.navbar{background:#000!important;border-bottom:1px solid rgba(255,255,255,0.06)}.navbar-brand{color:#fff!important;font-size:14px;display:inline-flex;align-items:center;gap:0.35rem;line-height:1}.navbar.nav-link{color:#cfcfcf!important;font-size:14px}.content{width:100vw;margin-top:0.25rem;padding:0;text-align:left}.content p{color:#dcdcdc;line-height:1.9;margin:0 0 1rem 0;padding:0}.narrow{max-width:720px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;text-align:left}.hex-converter input{background:transparent;border:0;color:#dcdcdc;font-family:monospace;width:5ch;outline:none}
#hex-output{color:#bfbfbf;margin-left:0.5rem;font-family:monospace}.footer{background:#000;color:#bfbfbf}.brand-swatch{display:inline-block;width:14px;height:14px;background:#fa0055;margin-right:0;cursor:pointer;box-sizing:border-box;border:1px solid rgba(255,255,255,0.04)}
.contact-center{min-height:calc(100vh - 56px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.contact-center img{width:96px;height:96px}
.contact-email{color:#bfbfbf;margin-top:1rem;font-family:monospace}
.converter-center{min-height:calc(100vh - 56px);display:flex;align-items:center;justify-content:center}
.hex-converter{display:inline-flex;align-items:center}
.hex-converter input{background:transparent;border:0;color:#dcdcdc;font-family:monospace;width:5ch;outline:none}
.hex-converter #hex-output{color:#bfbfbf;margin-left:0.5rem;font-family:monospace}