*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0f172a;font-family:Arial,Helvetica,sans-serif}.hero{background:#0f172a;justify-content:flex-start;align-items:center;height:100vh;padding:0 10%;display:flex}.hero-content{max-width:600px}.hero-content h1{margin-bottom:20px;font-size:3rem}.hero-content h1 span{color:#00c6ff}.sub{margin-bottom:10px;font-size:1.4rem}.small{opacity:.7;margin-bottom:25px;font-size:1rem}.cta{color:#fff;background:linear-gradient(135deg,#00c6ff,#0072ff);border-radius:10px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.cta:hover{opacity:.9;transform:translateY(-2px)}