@import "https://fonts.googleapis.com/css2?family=Iosevka+Charon:wght@400;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#0b0b0b;height:100%;font-family:Iosevka Charon,monospace;overflow:hidden}body{justify-content:center;align-items:center;display:flex}.bg-layer{z-index:0;position:fixed;inset:0;overflow:hidden}.leaf{opacity:0;z-index:0;pointer-events:none;animation:linear infinite leafFall;position:fixed}@keyframes leafFall{0%{opacity:0;transform:translateY(-40px)rotate(0)}8%{opacity:.35}90%{opacity:.2}to{opacity:0;transform:translateY(110vh)rotate(540deg)}}.center-stage{z-index:10;text-align:center;padding:2rem;position:relative}.typewriter-wrap{justify-content:center;align-items:center;min-height:4rem;display:flex}.typewriter{color:#fff;letter-spacing:.08em;white-space:nowrap;opacity:0;font-size:clamp(1.8rem,7vw,4.5rem);font-weight:700;animation:.4s .3s forwards fadeIn}.typewriter:after{content:"";vertical-align:text-bottom;background:#fff;width:2.5px;height:1.05em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.subtitle{color:#555;letter-spacing:.3em;text-transform:uppercase;opacity:0;margin-top:1.8rem;font-size:clamp(.65rem,1.6vw,.85rem);font-weight:400;animation:.6s .7s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}@media (max-width:600px){.typewriter{letter-spacing:.04em}.subtitle{letter-spacing:.15em}}