/* MikCode - gaya dasar. Sebagian besar gaya ada inline di markup. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0E1022;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:#5CD4FA;text-decoration:none;transition:color .15s,border-color .15s,transform .15s}
a:hover{color:#C4B5FD}
a:focus-visible,button:focus-visible{outline:2px solid #5CD4FA;outline-offset:3px}
header{position:sticky;top:0;z-index:50}
header nav a:hover{color:#FFFFFF !important;background:#171A34}
header nav a[href^="https://wa.me"]:hover{color:#0B0D1C !important;background:linear-gradient(90deg,#22C8F8 0%,#7C8BFF 60%,#B58AFB 100%)}
section[id]{scroll-margin-top:96px}
#portofolio a:hover{border-color:#5CD4FA !important;transform:translateY(-2px)}
footer a:hover{color:#5CD4FA !important}
@media (max-width:760px){
  header{position:static}
  header nav{width:100%}
  header nav a{padding:0 10px !important;font-size:14px !important}
  header nav a[href^="https://wa.me"]{margin-left:0 !important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}a{transition:none}}