*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:system-ui,-apple-system,sans-serif}.main{width:100%;height:100vh;position:relative}.hero{background:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.hero-content{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex;position:relative}