@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}.layout{min-height:100vh;background-color:#0f1218}.container{max-width:786px;margin:0 auto;padding:0 16px}.hero-box{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:50px;flex-wrap:wrap}.hero-items1{flex:1}.hero-items1 h1{max-width:100%;color:#fff;font-size:clamp(28px,4vw,40px);line-height:1.2}.hero-items1 p{max-width:100%;color:#e5e7eb;font-size:clamp(14px,2.5vw,18px);margin:10px 0}.hero-items1 button{margin:24px 16px 0 0}.btn1{font-weight:500;font-size:12px;padding:8px 20px;border:1px solid black;border-radius:8px;background-color:#fff;color:#000;cursor:pointer}.btn2{font-weight:500;font-size:12px;padding:8px 12px;border:1px solid white;border-radius:8px;background-color:#0f1218;color:#fff;cursor:pointer}.btn2 span{margin-left:5px}.hero-items2 img{width:clamp(70px,15vw,100px);height:auto;border:1px solid black;border-radius:14px;margin-top:30px}.typewriter{display:inline-block}.cursor{animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}@media(max-width:800px){.hero-box{flex-direction:column;align-items:flex-start;gap:8px}.hero-items2{order:-1;align-self:flex-start;margin-bottom:10px}.hero-items1{order:1;text-align:left}}