:root{--bg:#10151c;--fg:#f2efe6;--accent:#ffb347}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{display:grid;place-items:center;background:var(--bg);color:var(--fg);font-family:Georgia,"Times New Roman",serif;text-align:center;padding:1.5rem}
h1{font-size:clamp(2rem,7vw,4.5rem);margin:0 0 1rem;font-weight:700;letter-spacing:-.02em}
.reveal .huruf{display:inline-block;opacity:0;transform:translateY(.6em);animation:muncul .6s ease forwards}
@keyframes muncul{to{opacity:1;transform:none}}
.typing{font-size:clamp(1.1rem,3.5vw,1.8rem);margin:0}
#kata{color:var(--accent)}
.cursor{display:inline-block;width:2px;height:1.1em;background:var(--accent);margin-left:3px;vertical-align:-.15em;animation:kedip 1s steps(1) infinite}
@keyframes kedip{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){
  .reveal .huruf{animation:none;opacity:1;transform:none}
  .cursor{animation:none}
}