/* Tampilan profesional: tipografi, bayangan halus, radius konsisten */
:root{--r:16px;--sh:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.08);--sh2:0 10px 28px rgba(16,24,40,.14)}
body{font:15px/1.55 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background-image:none;-webkit-font-smoothing:antialiased}
h1,h2,h3,.brand,.stats b,.day b,.rt,.ttl{font-family:"Bricolage Grotesque",Inter,system-ui,sans-serif}
h2{font-size:20px}h3{font-size:16px;display:flex;align-items:center;gap:8px}
.card{border-radius:var(--r);box-shadow:var(--sh)}
.post:hover,.cls:hover{box-shadow:var(--sh2)}
button,a.btn{border-radius:10px;font-size:14px;padding:8px 14px}
button.sm{padding:6px 12px;font-size:13px}
.primary{box-shadow:0 1px 2px rgba(45,86,240,.35)}
input,select,textarea{border-radius:10px;padding:10px 12px}
.chip{font-size:12px;padding:2px 10px}
.sub{font-size:14px}
.hero{box-shadow:var(--sh)}
.stats div{backdrop-filter:blur(2px)}