/* Alasan font: Inter untuk UI sesuai panduan brand, JetBrains Mono hanya untuk label HUD konsol server. */
body { font-family: 'Inter', system-ui, sans-serif; }
.mono-label { font-family: 'JetBrains Mono', monospace; }
/* Alasan fokus: indikator fokus 2px cyan yang jelas untuk navigasi keyboard (R-32). */
:focus-visible { outline: 2px solid #06B6D4; outline-offset: 3px; border-radius: 6px; }
/* Alasan gerak: reveal sekali saat masuk viewport untuk memandu urutan baca (MOTION 2). */
.reveal { opacity: 0; transform: translateY(14px); transition: opacity .5s ease, transform .5s ease; }
.reveal.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .reveal { opacity: 1; transform: none; transition: none; } }
/* Alasan motif: sudut voxel 10px sebagai identitas blok Minecraft dan bingkai status infra. */
.voxel-corners { position: relative; }
.voxel-corners::before, .voxel-corners::after { content: ""; position: absolute; width: 14px; height: 14px; border-color: #1D4ED8; border-style: solid; opacity: .9; }
.voxel-corners::before { top: -2px; left: -2px; border-width: 2px 0 0 2px; }
.voxel-corners::after { bottom: -2px; right: -2px; border-width: 0 2px 2px 0; }
.dark .voxel-corners::before, .dark .voxel-corners::after { border-color: #22D3EE; }
/* Alasan cahaya: satu cincin lembut hanya pada foto profil sebagai titik fokus (R-13 dose 1 elemen). */
.profile-glow { box-shadow: 0 0 0 1px rgba(29,78,216,.35), 0 18px 40px -18px rgba(29,78,216,.35); }
.dark .profile-glow { box-shadow: 0 0 0 1px rgba(34,211,238,.45), 0 0 42px rgba(34,211,238,.22); }
/* Alasan kaca: blur hanya di navbar dan kotak HUD skin, kartu proyek solid (R-10 dose cap). */
.glass-hud { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.project-img { transition: transform .6s ease; }
.project-card:hover .project-img, .project-card:focus-within .project-img { transform: scale(1.04); }
.skip-link { position: absolute; left: -9999px; }
.skip-link:focus { left: 12px; top: 12px; z-index: 60; background: #fff; color: #0F172A; padding: 10px 14px; border-radius: 10px; }