body{margin:0;background:#0e0f12;color:#f4f2ee;font-family:"Sora",sans-serif}
    h1,h2{font-family:"Oswald",sans-serif;text-transform:uppercase}
    .screen{padding:22px 16px 78px}
    .hello{color:#9a968e;font-size:13px}
    h1{font-size:34px;margin:4px 0 12px}
    .card{background:#17191e;border-radius:14px;padding:12px;margin:8px 0}
    .accent{color:var(--brand-secondary)}
    .tabs{position:fixed;bottom:0;left:0;right:0;display:flex;background:#0e0f12;border-top:1px solid #24262c}
    .tabs a{flex:1;text-align:center;color:#9a968e;text-decoration:none;padding:12px 0;font-size:11px}
    .tabs a.on{color:var(--brand-secondary)}